Javascript 点击事件处理中的问题
我有一个jQueryUIResizeHandler,它绝对位于一个div之上,其中包含一组LI(这里是一组日期)。 因此,当我单击任何日期时,由于resize div位于LI的上方,因此不会传播单击事件 那么我如何才能让li来处理点击呢? JSFIDLE-集Javascript 点击事件处理中的问题,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有一个jQueryUIResizeHandler,它绝对位于一个div之上,其中包含一组LI(这里是一组日期)。 因此,当我单击任何日期时,由于resize div位于LI的上方,因此不会传播单击事件 那么我如何才能让li来处理点击呢? JSFIDLE-集 #dgArea{ pointer-events: none; } 正如我已经说过的,在不破坏鼠标事件的情况下,不可能允许单击元素 我建议您检查您的设计,并选择一个解决方案,该解决方案不会将元素覆盖在绑定了单击处理程序的元素之上 无论如
#dgArea{
pointer-events: none;
}
正如我已经说过的,在不破坏鼠标事件的情况下,不可能允许单击元素 我建议您检查您的设计,并选择一个解决方案,该解决方案不会将元素覆盖在绑定了单击处理程序的元素之上 无论如何,如果您希望继续使用当前设置,以下是我的黑客解决方案,它在调用可调整大小的元素的单击处理程序时不会破坏该元素:
$('#dgArea').click(function(e) {
$(this).hide();
$(document.elementFromPoint(e.pageX, e.pageY)).click();
$(this).show();
});
请注意,这在古代的浏览器中是不受支持的,所以如果这是一个问题,您可以手动实现它。这是要做的。你不能点击一个元素(没有一些难看的黑客)。使用一个简单的解决方案来允许点击覆盖,例如
指针事件:无代码>将禁用可调整大小的元素。感谢Fabrico的建议,但指针事件:没有任何事件会使调整大小无效。是的,这就是我的意思。如果可能的话,请检查我的解决方案是否成功<代码>=]