js划过事件，js滑块

如何在项目中使用JS事件委托

事件委托（也叫事件代理），其实这个问题也简单，要想弄明白事件委托，我们先要把事件冒泡的机制搞清楚。

我们通常的写法，是为每个Li都添加一些类似onMouseOver或者onClick之类的事件监听。如果这个UL中的Li子元素会频繁地添加或者删除，我们就需要在每次添加Li的时候都调用这个addListenersLi方法来为每个Li节点添加事件处理函数。

事件委托是什么？通过事件冒泡，让子元素绑定的事件冒泡到父元素(或祖先元素)上，然后再进行处理。

标准写法：利用事件对象里面的 stopPropagation()方法 e.stopPropagation() 非标准写法：IE 6-8 利用事件对象 cancelBubble 属性 e.cancelBubble = true；事件委托也称为事件代理， 在 jQuery 里面称为事件委派。

这是我现在在开发中最常用的一种方法，有个好处，举个栗子：这样动态添加元素的时候可以自动添加click事件，比如我们经常使用AJAX加载一些数据动态添加到页面上，这样就简单多了。

相关问答

Q1: js实现鼠标滑过显示二级菜单

1、这个功能其实使用hover伪类即可实现，不需要js 给你一个思路，将子元素设置为默认display：none；不可见。当鼠标移动到父元素的菜单列表时，激活子元素为display：block；可见状态。具体代码需要使用到hover伪类，例子如下。

2、没有必要去自己写，除非你是专门做web前台的。可以去下载一个叫做“春天网页菜单”的软件，专门用来生成导航菜单的，里面有你说的那种效果。当然自己写的话可以用楼上说的jquery的show函数或者动画函数来实现。

3、把 onmouseout 处理程序注册到 #menu1，不要注册在 li a 上（这样做不完美，但能解决你的问题）。这个功能用纯 CSS 实现也许会更好一些。

4、如果想横项排列的话可以让一级菜单float：left 左浮动 ，二级菜单定义为行块级 在一级菜单下，在设置为隐藏，鼠标hover时候显示，再给二级菜单布置一个背景图片，在设置一个边距border 字体颜色之类的。就好看了。

5、你看看是不是你要的。css样式和js可能根据你的需求还需要修改。

Q2: js怎么延缓事件。让鼠标划过事件延迟54秒

autojs的长按函数，是 longClick(x， y)模拟长按坐标(x， y)， 并返回是否成功。只有在长按执行完成（大约600毫秒）时脚本才会继续执行。一般而言，只有长按过程中被其他事件中断(例如用户自行点击)才会长按失败。

把它放在setTimeout(function(){。。})中。

js鼠标触发延时，一个带时间判断的js延时自动点击效果：当鼠标经过某页面元素，也就是产生一个 mousehover 事件时，触发js计时器。

延迟执行，一般是用定时器，定时器有两种，一种是setInterval，另一个是setTimeout。setInterval，是间隔执行，次数为无限次。setTimeout，是隔一段时间，执行一次。

用的是js的定时器方法吧添加onmouseover 事件方法中可以写一段脚本 终止定时器的作用。则可以停止切换onmouseout 在鼠标从元素上离开后会触发的事件 可以再写方法让定时器生效。

关于js划过事件和js滑块的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。