js中 onclick 点击事件和参数 jquery onclick触发的js事件

JavaScript 事件冒泡--如何阻止点击事件
这里有点击事件
这里有点击事件
这里有点击事件


什么是JS事件冒泡?

在一个对象上触发某类事件(比如单击onclick事件), 如果此对象定义了此事件的处理程序, 那么此事件就会调用这个处理程序, 如果没有定义此事件处理程序或者事件返回true,

那么这个事件会向这个对象的父级对象传播, 从里到外, 直至它被处理(父级对象所有同类事件都将被激活), 或者它到达了对象层次的最顶层, 即document对象(有些浏览器是window)。

如何来阻止Jquery事件冒泡?

通过一个小例子来解释




Porschev---Jquery 事件冒泡



  
    
      
        点击我       
    
  

比如上面这个页面,

分为三层:divOne是第外层,divTwo中间层,hr_three是最里层;

他们都有各自的click事件,最里层a标签还有href属性。

运行页面,点击“点击我”,会依次弹出:我是最里层---->我是中间层---->我是最外层

---->然后再链接到百度.


这就是事件冒泡, 本来我只点击ID为hr_three的标签, 但是确执行了三个alert操作。

事件冒泡过程(以标签ID表示):hr_three----> divTwo----> divOne 。从最里层冒泡到最外层。

如何来阻止?

1.event.stopPropagation();