如何使用jQuery longclick?

时间:2016-01-09 21:27:33

标签: javascript jquery long-click

我正在使用datatables插件并将其用于点击:

$('.datatable').on('click', 'img#openpli-playlist', function(e) {
    alert("You clicked OPENPLI ICON!");
});

现在我需要使用jQuery插件longclick并使用它:

$('.datatable').longClick(function(e) {
    alert("You clicked OPENPLI ICON!");
},1000);

所以问题是如何将选择器添加到longclick我尝试使用选择器但不起作用:

$('.datatable img#openpli-playlist').longClick(function(e) {
    alert("You clicked OPENPLI ICON!");
},1000);

有人能给我解决方案,为什么这不起作用?

由于

1 个答案:

答案 0 :(得分:2)

简单修复将是:

var tmr = 0;
$(element).mousedown(function () {
  tmr = setTimeout(function () {
    alert("You clicked for 1 second! Wow!");
  }, 1000);
}).mouseup(function () {
  clearTimeout(tmr);
});

现在这也可用于授权:

var tmr = 0;
$(static_parent).on("mousedown", element, function () {
  tmr = setTimeout(function () {
    alert("You clicked for 1 second! Wow!");
  }, 1000);
}).on("mouseup", element, function () {
  clearTimeout(tmr);
});

您的解决方案:

var tmr = 0;
$('.datatable').on('mousedown', 'img#openpli-playlist', function(e) {
  tmr = setTimeout(function () {
    alert("You clicked OPENPLI ICON!");
  }, 1000);
}).on('mouseup', 'img#openpli-playlist', function(e) {
  clearTimeout(tmr);
});