`

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

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

相关推荐

    事件及事件处理程序 事件及事件处理程序

    3. **直接模型**:事件只在目标元素上触发,不会向上或向下传播。 在JavaScript中,我们可以通过`addEventListener`方法添加事件处理程序,例如: ```javascript document.getElementById('myButton')....

    简析JavaScript事件、以及捕获和冒泡

    事件处理程序有两种绑定方式:事件捕获和事件冒泡。`addEventListener`方法可以接受第三个参数,用于指定事件处理程序是在捕获阶段还是冒泡阶段触发。默认情况下,事件处理程序在冒泡阶段执行,但通过设置`...

    事件绑定和自定义属性

    事件绑定则是将函数或处理程序与这些事件关联起来的过程,使得当事件发生时,相应的代码会被执行。在JavaScript中,我们可以使用addEventListener或attachEvent(IE浏览器)来实现这一功能。事件绑定允许我们创建...

    JavaScript每天必学之事件

    例如,在一个列表中,为了提高性能,可以在父级元素上绑定一个事件处理器,利用冒泡原理来触发事件,这样就不需要为每个子元素单独绑定事件监听器,尤其是在元素数量较多的情况下。这种方法称为事件委托,能有效减少...

    微信小程序事件demo

    5. **复合事件**:微信小程序还支持多种事件复合绑定,如`bindlongtap`(长按)和`bindtap`(点击),可以在同一元素上同时监听这两种事件。 6. **非页面组件事件**:除了页面级别的事件外,还有自定义组件事件。...

    javascript事件冒泡和事件捕获详解

    通过把事件监听器绑定到一个父元素上,而不是具体的子元素上,可以利用事件冒泡来管理多个子元素的事件。比如在一个颜色列表中,如果绑定了一个点击事件处理函数在父元素ul上,当点击任何一个子元素li时,事件会冒泡...

    javascript重复绑定事件造成的后果说明.docx

    3. **使用事件委托**:利用事件冒泡机制,将事件处理程序绑定到父级元素上,而不是直接绑定到具体的子元素上。这样可以减少事件监听器的数量,提高性能。 4. **清理不再使用的事件**:在适当的时机解除不再需要的...

    事件绑定与销毁共1页.pdf.zip

    事件绑定是将一个或多个事件处理器(事件监听器)附加到特定元素的过程,以便当特定事件(如点击、鼠标移动等)发生时,可以执行相应的代码。在JavaScript中,有多种方法来实现事件绑定: 1. **DOM0级事件处理程序*...

    JavaScript事件冒泡与事件捕获实例分析

    依次输出:div、p4、事件处理程序的执行顺序在JavaScript中,事件处理程序的执行顺序取决于事件的传播方式(冒泡或捕获)以及它们是如何被添加到元素上的。如果同时使用了事件捕获和冒泡,那么捕获阶段的事件处理...

    jquery1.10给新增元素绑定事件的方法

    .on()方法是jQuery中用于绑定事件处理程序的主要方法,它不仅可以绑定事件到当前已存在元素上,而且还可以绑定到未来可能会添加到DOM中的元素。.on()方法的基本语法如下: ```javascript $(element).on(events, ...

    事件集合js事件集合js事件集合

    此外,还有一些高级事件机制,如事件委托(event delegation),它利用事件冒泡原理,将事件监听器添加到父元素上,从而减少内存消耗和提高性能。还有`Event`对象,它提供了`preventDefault()`方法阻止默认行为(如...

    javascript 事件处理

    - **事件委托**:将事件处理程序绑定到父元素上,利用事件冒泡原理来处理子元素的事件。 #### 3. 事件流 事件流描述了事件如何在DOM树中传播。主要有两个阶段: - **捕获阶段**:事件从最顶层的元素向下传播,...

    扣代码工具 javascript事件 捕获者2.0.zip

    事件委托是利用事件冒泡或捕获的特性,只在父元素上设置事件监听器,然后根据事件源判断是否执行相应的处理函数,以此减少内存消耗和提高代码可维护性。 总的来说,这个压缩包提供了一个专注于JavaScript事件捕获的...

    dll 事件 调用

    例如,如果一个按钮位于一个面板上,按钮的点击事件会首先触发自己的事件处理程序,然后“冒泡”到面板的事件处理程序。 2. **事件委托**:可以通过一个公共事件处理程序处理多个控件的事件,例如,可以定义一个...

    javascript事件综合查询

    事件委托是一种优化策略,通过在父元素上监听事件,根据事件源判断是否执行相应的处理,减少事件监听器的数量,提高性能。 八、同步与异步事件 部分事件是异步的,如`DOMContentLoaded`和`load`事件,它们在文档...

    jvascript 事件 帮助文档

    同时,我们还可以使用`event.stopImmediatePropagation()`阻止同一元素上的其他事件处理程序被执行。 最后,DHTML.chm文件可能是一个HTML帮助文档,它可能包含了关于动态HTML(DHTML)和JavaScript事件的详细信息。...

    第十五课 事件1

    事件绑定是将事件处理器(即处理事件的函数)附加到HTML元素上的过程。JavaScript提供了多种事件绑定方式。首先是内联事件,这是最传统的做法,即将事件处理函数直接写在HTML标签的属性中,如`()">按钮</button>`。...

    java实现链接冒泡提示效果 十分美观

    冒泡提示(Tooltip)是程序中的一种辅助信息显示机制,当用户将鼠标指针悬停在某个元素上时,会弹出一个小窗口展示与该元素相关的文字或图像信息。在Java Swing或JavaFX中,都有内建的Tooltip类可以帮助我们快速创建...

    按名称触发事件.rar

    事件委托是一种优化策略,它在父元素上设置一个事件监听器,然后通过事件冒泡机制来处理子元素的事件,这样可以减少内存占用和提高性能。 6. **解耦合**:通过函数名称与事件关联,可以使事件处理代码与触发事件的...

    jQuery的事件预绑定

    .on()方法既可以用于直接绑定事件到指定元素,也可以用于预绑定事件。当使用.on()方法进行预绑定时,需要指定三个参数:事件类型、目标子元素的选择器和事件处理函数。这个选择器不是用来选择已经被添加到DOM中的...

Global site tag (gtag.js) - Google Analytics