Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/382.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 点击事件处理中的问题_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript 点击事件处理中的问题

Javascript 点击事件处理中的问题,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有一个jQueryUIResizeHandler,它绝对位于一个div之上,其中包含一组LI(这里是一组日期)。 因此,当我单击任何日期时,由于resize div位于LI的上方,因此不会传播单击事件 那么我如何才能让li来处理点击呢? JSFIDLE-集 #dgArea{ pointer-events: none; } 正如我已经说过的,在不破坏鼠标事件的情况下,不可能允许单击元素 我建议您检查您的设计,并选择一个解决方案,该解决方案不会将元素覆盖在绑定了单击处理程序的元素之上 无论如

我有一个jQueryUIResizeHandler,它绝对位于一个div之上,其中包含一组LI(这里是一组日期)。 因此,当我单击任何日期时,由于resize div位于LI的上方,因此不会传播单击事件

那么我如何才能让li来处理点击呢?

JSFIDLE-

#dgArea{
  pointer-events: none;
}

正如我已经说过的,在不破坏鼠标事件的情况下,不可能允许单击元素

我建议您检查您的设计,并选择一个解决方案,该解决方案不会将元素覆盖在绑定了单击处理程序的元素之上

无论如何,如果您希望继续使用当前设置,以下是我的黑客解决方案,它在调用可调整大小的元素的单击处理程序时不会破坏该元素:

$('#dgArea').click(function(e) {
    $(this).hide();
    $(document.elementFromPoint(e.pageX, e.pageY)).click();
    $(this).show();
});


请注意,这在古代的浏览器中是不受支持的,所以如果这是一个问题,您可以手动实现它。这是要做的。

你不能点击一个元素(没有一些难看的黑客)。使用一个简单的解决方案来允许点击覆盖,例如
指针事件:无将禁用可调整大小的元素。感谢Fabrico的建议,但指针事件:没有任何事件会使调整大小无效。是的,这就是我的意思。如果可能的话,请检查我的解决方案是否成功<代码>=]