jQuery或any:可能只使div的一部分可点击？

Question

是否有可能只使div的一部分可点击 - 如clickmap/imagemap？可以用jQuery吗？提示:我不想编辑html(误用的模板有200个单独的html文件).

Answer 1

单击div时,事件处理程序将接收事件,因此您可以测试单击的位置.

如果需要的话,你可能想使用点击的元素的位置和大小,使用$(this).offset(),$(this).width()和$(this).height().例如 :

$('mydivselector').click(function(e) {
     if (e.pageY > $(this).offset().top + 0.5*$(this).height()) {
          // bottom was clicked

     } else {
          // up of the div was clicked

     }
});

如果要阻止默认操作和事件传播,请从事件处理程序返回false.