ダブルクリックイベントが発生したときにシングルクリックイベントをキャンセルするにはどうすればよいですか?
私はすでにいくつかの関連を見てきましたが、うまくいくものを見つけました
ダブルクリック イベントが検出されたときにクリック/マウスアップ イベントをキャンセルする必要がある
function singleClick(e) {
// do something, "this" will be the DOM element
}
function doubleClick(e) {
// do something, "this" will be the DOM element
}
$(selector).click(function(e) {
var that = this;
setTimeout(function() {
var dblclick = parseInt($(that).data('double'), 10);
if (dblclick > 0) {
$(that).data('double', dblclick-1);
} else {
singleClick.call(that, e);
}
}, 300);
}).dblclick(function(e) {
$(this).data('double', 2);
doubleClick.call(this, e);
});
ただし、.click() の代わりに .on("click") を使用すると、このコードは機能しません。
これはなぜですか?.on() を使用する必要があるため、.click() の使用はオプションではありません