即使在链接上,也可以在页面的任何位置捕获单击

时间:2013-08-10 18:28:44

标签: javascript jquery click

这段代码

$(document).click(function(e) { 
  $('#mymodal').modal('show');
});

捕获页面上任意位置的点击。

除非链接上有点击,否则浏览器似乎会按照链接而不是弹出模式(至少,这是Chrome中的行为)。

我如何捕获点击,即使它在链接上?

一个想法:使用固定位置div覆盖页面,该div覆盖所有内容并捕获点击。但也许有更优雅的方式?

2 个答案:

答案 0 :(得分:2)

添加return false;

$(document).on('click', function(e) { 
  $('#mymodal').modal('show');
  return false;
});

JSFIDDLE

有关详细信息,请参阅this thread

答案 1 :(得分:1)

你可以这样做:

$(document).on('click', function(e) { 
  $('#mymodal').modal('show');
  return false; // avoids the propagation and the link default behavior
});