jquery阻止滚动冒泡 div禁止滚动条

jquery的冒泡事件

1、停止冒泡的方式：e.stopPropagation()；第一种事件模型，在html中直接绑定事件：首先看一下浏览器事件模型：这种方式将行为和HTML混在了一起，没有实现行为与内容相分离。并且不能同时绑定多个事件。

成都创新互联主要从事成都网站设计、成都网站制作、网页设计、企业做网站、公司建网站等业务。立足成都服务汝城,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:028-86922220

2、return false；事件委托就是利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。

3、e.stopPropagation()方法不再派发事件。终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。

新建html文档。准备好需要用到的图标。书写hmtl代码。！--代码开始-- 我是固定的哟！--代码结束--。书写css代码。代码整体结构。查看效果。

jquery 监听页面滚动使用的方法：.scroll()。新建一个HTML文档，定义的高度。创建JS脚本，使用.scroll() 方法监听页面滚动。如果页面发生滚动，则执行函数，弹出一个hello。

同样首先阻止页面的滚屏行为，touchmove触发后，会生成一个event对象，在event对象中获取touches触屏列表，取得第一个touch，并记下pageX，pageY的坐标，算出差值，得出手指滑动的偏移量，使当前DOM元素滑动。

js或jquery的 scrollTo可以达到类似的效果。但不适合模拟APP（类手机应用）的界面，只适合自动高度（带滚动条）的页面。

一个事件起泡对应触发的是上层的同一事件特殊：如果two设置成双击事件，那么在你单击two的时候就会起泡触发one单击的事件（双击包含单击）。

事件冒泡：开始时由最具体的元素接收，然后逐级向上传播到到 DOM 最顶层节点。

e.stopPropagation()方法不再派发事件。终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。

一个事件起泡对应触发的是上层的同一事件特殊：如果two设置成双击事件，那么在你单击two的时候就会起泡触发one单击的事件（双击包含单击）。

使用stopPropagation() 方法；e.stopPropagation()方法不再派发事件。终止事件在传播过程的捕获、目标处理或起泡阶段进一步传播。调用该方法后，该节点上处理该事件的处理程序将被调用，事件不再被分派到其他节点。

你再子菜单绑定的函数里面最后一行写上return false；就能阻止事件冒泡了。

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

通过返回false来取消默认的行为并阻止事件起泡。jQuery 代码：复制代码代码如下：(form).bind(submit，function() { return false；} )；通过使用 stopPropagation() 方法只阻止一个事件起泡。

通俗的说就是例如一个div元素，并且有后代元素，当对这个div设置了某个事件，它的后代元素也会执行。

通过返回false来取消默认的行为并阻止事件起泡。jQuery 代码：(form).bind(submit，function() { return false；} )；通过使用 preventDefault() 方法只取消默认的行为。

事件委托也称为事件代理，在 jQuery 里面称为事件委派。不是每个子节点单独设置事件监听器，而是事件监听器设置在其父节点上，然后利用冒泡原理影响设置每个子节点。

1、事件委托就是利用冒泡的原理，把事件加到父级上，通过判断事件来源的子集，执行相应的操作，事件委托首先可以极大减少事件绑定次数，提高性能；其次可以让新加入的子元素也可以拥有相同的操作。

2、我们可以在任何一层做相应的处理以阻止事件继续起泡。方法就是调用事件对象的阻止起泡的方法。event.stopPropagation()；下面是写的一个验证js事件起泡的过程方法。

3、解决方法：把事件注册到document上面。这样当执行事件时，会冒泡触发。

4、你再子菜单绑定的函数里面最后一行写上return false；就能阻止事件冒泡了。

5、首先：你不想使用的方法恰恰是推荐的最好的方法，为什么不用推荐的方法呢。

分享标题：jquery阻止滚动冒泡 div禁止滚动条
标题来源：http://shouzuofang.com/article/diijopg.html