jQuery的ul事件目标-我可以找到li,实际上是事件目标
jQuery ul event target - can i find the li that actually is event target?
$("#slider ul").hover(function(){
//do something
});
是否有一种方法可以找出哪个孩子(li
)实际上徘徊在使这个函数工作?
这是一个很长的函数,当最初写为$("#slider ul li")
等时,工作,但只有在完全离开滑块ul
区域时。当从一个li
直接移动到相邻的li
等时,我需要它工作
$("#slider ul").hover(function(evt){
var targetElement = evt.target;
// do something
});
基本上jQuery悬停允许你传入事件。此事件包含触发该事件的目标元素。
听起来你在尝试做两件不同的事情…在ul
的悬停按钮上有一个,在li
的悬停按钮上也有一个
你可能应该把事件处理程序分开:
var slider = $('#slider ul');
slider.hover(function(){ /* do something*/ });
slider.find('li').hover(function(){ /* do something else with $(this) */ });
另一种选择
试试这个:
$("#slider ul").delegate("li", "mouseover", function(e){
var el = e.target;
//do something
});
工作示例:http://jsfiddle.net/hpJJz/
相关文章:
- Javascript事件.锚的目标问题
- Firefox事件.目标问题
- AngularJs的ng-click$事件将子元素作为目标传递
- 在放置目标时,输入并离开自定义事件
- 在事件目标上,将css波浪号从element1添加到element2
- 修改鼠标事件对象的“目标”以进行事件委派
- 如何切换浏览器事件目标
- 如果放置目标被完全占用,则不会触发HTML5-拖放-ondragover事件
- 捕获给定类型的所有事件,而不考虑气泡/目标
- 无法让悬停事件使用 jQuery UI 持续时间参数或 CSS 处理目标元素的同级元素
- 通过事件目标,我怎么知道它是复选框还是无线电
- 从嵌套函数中选择事件目标
- 如何从子元素中删除数据目标和数据切换,或禁止元素触发事件
- 如何在 Javascript onbeforeunload 事件中获取网页上链接的目标 URL
- 如何获取锚标记的事件目标
- 允许对目标事件执行默认操作,并阻止对父级执行默认操作
- 如何在jQuery中获得元素(而不是目标)事件
- Event和Event之间的区别是什么?目标,事件.toElement和Event.srcElement
- 尝试从目标事件获取数据时,IE8出现问题
- 跨浏览器等效于 显式原始目标事件参数