`

利用事件冒泡,把相应的处理程序绑定到相应的元素上

 
阅读更多
$(document).ready(function(){
      //把点击事件绑定到公共祖先元素上,通过判断event.target的对象是不是你要添加事件的元素来执行不同的操作
    $("body").click(function(event){
        if($(event.target).is("h3"))
        {
            $(event.target).toggleClass("highlighted");
        }
    });
});
分享到:
评论

相关推荐

    利用事件冒泡(Event Bubbling )获取鼠标下的元素属性

    NULL 博文链接:https://ucstudio.iteye.com/blog/618182

    jquery-事件冒泡

    jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡jquery-事件冒泡...

    js 给动态生成的DOM绑定事件

    web前端的朋友们,经常会遇到给由后台返回的数据遍历生成的DOM绑定事件,但是总是绑定不上,那是因为把事件直接绑定到了动态生成的DOM上了,正确的方式是利用事件冒泡给其父元素绑定,这样才能解决问题的哦!

    解决点击事件冒泡

    解决/阻止 div层内的div层点击事件冒泡触发的小方法 示例代码

    阻止滚动条事件冒泡

    阻止滚动条事件mousewheel冒泡,当网页内部元素滚动条到顶或底时不触发浏览器窗口的滚动条事件。

    事件冒泡解决方案

    div 里面绑定div 2个DIV都绑定了 click事件,怎么点里面的div不会执行到外面DIV的事件,冒泡!这个案例 比较简单,仅供大家学习

    冒泡事件的处理方法

    冒泡事件的处理,做网页的时候经常会出现冒泡事件,这是一个简单的冒泡事件处理方法

    JavaScript事件冒泡与取消事件冒泡代码演示

    本段代码演示了如何使用JavaScript取消HTML事件的冒泡,即当后代元素的事件被触发时,祖先元素的相同事件也会被触发。代码中,页面包含一个div元素和一个嵌套在其中的span元素,分别设置了单击响应函数。当单击span...

    javascript阻止事件冒泡的一种方法

    一种解决事件冒泡的方法,有较好的浏览器兼容性,具体思路参见文档: http://blog.csdn.net/ivyandrich/article/details/22041933

    JAVA程序 冒泡排序程序

    JAVA程序,冒泡排序法,给定一个数组存储一组数据,利用冒泡排序法将其排序

    【JavaScript源代码】JavaScript中事件冒泡机制示例详析.docx

     事件冒泡(dubbed bubbling):与事件捕获恰恰相反,事件冒泡顺序是由内到外进行事件传播,直到根节点。 dom标准事件流的触发的先后顺序为:先捕获再冒泡,即当触发dom事件时,会先进行事件捕获,捕获到事件

    微信小程序双击事件,事件冒泡,bangtap,catchtap事件绑定

    key 以bind或catch开头,然后跟上事件的类型,如bindtap, catchtouchstart value 是一个字符串,需要在对应的 Page 中定义同名的函数。不然当触发事件的时候会报错。 bind事件绑定不会阻止冒泡事件向上冒泡,catch...

    实验3 冒泡排序程序

    实验3 冒泡排序程序

    js阻止冒泡事件

    使用事件代理可以把事件处理器添加到一个元素上,等待一个事件从它的自己元素冒泡上来,并且可以很方便地得知这个事件是从哪个元素开始的。 方法: 直接在事件调用的函数末尾添加return false; 2.event....

    【JavaScript源代码】javascript事件冒泡,事件捕获和事件委托详解.docx

     1、事件冒泡:在javascript事件传播过程中,当事件在一个元素上出发之后,事件会逐级传播给先辈元素,直到document为止,有的浏览器可能到window为止。并不是所有的事件都有冒泡现象,比如如下几个:blur事件 ,...

    冒泡法VB程序.rar

    冒泡法VB 程序 排序 经典 包括练习数据,很好用

    c++冒泡排序源程序

    c++冒泡排序源程序c++冒泡排序源程序c++冒泡排序源程序c++冒泡排序源程序c++冒泡排序源程序c++冒泡排序源程序c++冒泡排序源程序c++冒泡排序源程序

    鼠标键盘事件及事件冒泡.pptx

    JavaScript+jQuery 网页特效设计;鼠标事件;1、鼠标事件;1、鼠标事件(案例);2、键盘事件;2、键盘事件(案例);3、事件的冒泡与阻止;3、事件的冒泡与阻止;3、事件的冒泡与阻止;...3、事件的冒泡与阻止

    冒泡排序演示程序

    这是一个用C++编写的冒泡排序的演示程序,可以演示冒泡排序算法的排序过程。

    python冒泡排序程序

    python冒泡排序程序,优化代码。。,python冒泡排序程序python冒泡排序程序python冒泡排序程序python冒泡排序程序python冒泡排序程序

Global site tag (gtag.js) - Google Analytics