テーブルがあり、ユーザーが一度に複数の行を選択できるとします。デスクトップ ブラウザーでそれを行うことができます。
<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(操作を停止し、指を離す要素)について何も見つかりませんでした