2

テーブルがあり、ユーザーが一度に複数の行を選択できるとします。デスクトップ ブラウザーでそれを行うことができます。

<td onmousedown= onmousemove= onmouseup= >

しかし、タッチデバイス(iPad)では失敗します。touchstartで試しました。開始要素を取得できますが、touchendは終了要素を提供しません。

<tr><td id="id1">
//
<tr><td id="id5">

$('td).on('touchstart', function(e) {
     console.log('touchstart' + $(this).attr("id"));
}

$('td).on('touchend', function(e) {
     console.log('touchend' + $(this).attr("id"));
}

id1 でドラッグを開始して id5 まで移動すると (i2、i3、i4 の上を歩く)、ユーザーが i1、i2、i3、i4、および i5 を選択したことを知りたいと考えています。i1 でドラッグを開始し、i5 で終了します (指を離します)

touchstart i1が表示されます。問題ありませんが、touchendもi1を返しますが、i5を期待しています。ドラッグ(タッチ)操作が終了した要素を知りたいです。

mouseover または mouseenter も常に開始点を示します。つまり、指が i2 にある場合、コンソールには常に開始 ID が表示されます。

touchendのイベント(すべてのイベントフィールド、プロパティなど)でchromeツールを調べましたが、ターゲットID(操作を停止し、指を離す要素)について何も見つかりませんでした

4

0 に答える 0