使用jQuery触发器,triggerHandler或模拟时的“this”引用

时间:2016-06-15 12:39:26

标签: javascript jquery this eventtrigger

我们的CSS人员有一个图标覆盖视频的图像缩略图。当用户点击缩略图时,视频应该播放(并且确实如此!),但是当他们点击重叠的“播放”图像时,该图像会消耗点击而不会直接传递给基础图像。

所以我搜索并找到jQuery的trigger()函数并将其添加到图标点击处理程序以触发缩略图处理程序并且它工作正常除了在运行缩略图单击时,“this”引用用于图标,不是相应的缩略图。

我尝试过triggerHandler()和jQuery的内部模拟()函数,它们都是一样的。

在事件处理程序中,我需要实际缩略图的ID而不是覆盖图标。

是否有覆盖图像忽略点击并让它冒泡(或向下)到z顺序中的其他内容?或者甚至简单地解雇他们两个?

2 个答案:

答案 0 :(得分:2)

返回true;在父事件中(覆盖“播放”图像)将继续到子事件(缩略图)

答案 1 :(得分:0)

您可以使用css点击,使用指针事件none css pointer-events: none。这对IE10及以下版本不起作用,但您可以使用此polyfill:

https://github.com/kmewhort/pointer_events_polyfill