`
liuwuyue
  • 浏览: 23573 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

常见表单元素在IE 6 , 7 ,8 下不冒泡相关事件

阅读更多

今天在实现一个级联效果的时候 ,三个下拉框级联 。主要用到change事件。 为减少事件监听,就用了代理的方式在父容器上监听change事件,然后 判定事件来源,对应进行处理。 在 ff, chrome 下 ,一切ok, 但是在IE 6 下,发现 不行。 遂查了原因。发现 change事件在 IE系列里面竟然不冒泡 ,伤不起啊 ,最后又悲剧的改为单个监听change事件。

 

经查发现: 不光 change事件, IE6 IE7 IE8 IE9(Q) 中 change、select、submit、reset 事件均不产生事件冒泡。

 
 
 
附:坑啊! 再次缅怀秦始皇, 期待一统!
 
分享到:
评论

相关推荐

    JavaScript捕捉事件和阻止冒泡事件实例分析

    事件冒泡指的是当一个事件在DOM树中发生时,该事件不仅仅会在目标元素上触发,还会沿着DOM树向上逐级在祖先元素上触发。这种事件传播的方式就像气泡从水中向上升一样,从内部元素开始,直到根元素。与冒泡相对的是...

    09JavaScript事件总结.docx

    这意味着可以利用`onload`事件在所有资源加载完成后执行某些操作。 三、事件对象(Event) 事件对象包含关于触发事件的详细信息,如鼠标和键盘状态。例如,`event.altKey`检查`ALT`键是否被按下,`event.clientX`和`...

    js冒泡、捕获事件及阻止冒泡方法详细总结

    需要注意的是,事件捕获通常不能被阻止,因为捕获事件在目标元素之前就已经开始,而且通常不涉及用户交互。然而,可以使用`event.stopImmediatePropagation()`来阻止同一个元素上的其他事件监听器被触发,但这不会...

    DHTML 事件

    - `change`:表单元素值改变 - `submit`:表单提交 - `reset`:表单重置 三、事件冒泡和事件捕获 1. **事件冒泡**:事件从最深的节点开始向上级节点传播,直到到达文档根节点。大部分浏览器默认采用事件冒泡...

    js事件设计

    3. **IE事件模型**:使用`attachEvent`和`detachEvent`,只支持事件冒泡,并且事件处理函数中`this`指向全局对象。 二、事件类型 常见的JavaScript事件包括: - 用户交互:`click`(点击)、`mouseover`(鼠标悬停...

    js事件详解-0-1-2级模型.pdf

    5. 事件兼容性:文档还提到了不同浏览器(如W3C标准、IE)在处理事件时的兼容性问题,例如在IE中使用`window.event`来获取事件对象,而在W3C标准中事件对象作为参数直接传递给事件处理函数。 6. 事件监听器的移除:...

    JavaScript事件机制

    不同的事件类型会在不同的情况下触发,下面列举了一些常见的事件类型: - **load**:元素加载完毕后触发,常用于窗口或文件加载完成后执行某些操作。 - **unload**:页面完全卸载后触发,可以用来执行清理工作。 - ...

    js事件机制 .pdf

    在JavaScript中,事件处理更是不可或缺的一部分,它是实现网页动态交互的关键。通过本篇文章,我们将深入探讨JavaScript中的事件处理机制,并解释许多AJAX框架实现拖拽效果背后的原理。 #### 二、JavaScript事件...

    JavaScriptDOMEvents_Examples.zip

    若想停止事件在DOM中的传播,可以使用`event.stopPropagation()`。 7. **事件委托**:事件委托是一种优化技术,通过将事件监听器添加到父元素而不是所有子元素,从而减少内存占用和提高性能。当子元素触发事件时,...

    jvascript 事件 帮助文档

    JavaScript事件是Web开发中不可或缺的一部分,它允许用户与网页进行交互。事件是浏览器或JavaScript引擎在特定时刻触发的特殊行为,比如点击按钮、鼠标移动、页面加载等。本帮助文档将深入探讨JavaScript事件及其...

    解决包含在label标签下的checkbox在ie8及以下版本点击事件无效果兼容的问题

    然而,在IE8及更早版本中,这种事件冒泡并不完全支持,导致点击`<label>`时,checkbox的点击事件不会被正确触发。 原HTML代码示例: ```html <label><input type="checkbox" id="chk_sqjc" value="申请检查" ...

    js页面事件大全.pdf

    此外,JavaScript页面事件还包括但不限于`onLoad`(页面加载完成)、`onUnload`(页面卸载)、`onChange`(表单元素改变)、`onFocus`/`onBlur`(元素获得/失去焦点)、`onSubmit`(表单提交)、`onMouseOver`/`...

    js右键菜单主要讲的JS事件流 一定要收藏哦

    - **捕获模式**:事件首先由最外层的元素接收到,然后逐级向下传递到目标元素。 - **目标模式**:事件直接到达触发它的目标元素。 - **冒泡模式**:事件从目标元素开始,逐级向上传递到最外层元素。这是最常见的...

    js阻止默认浏览器行为与冒泡行为的实现代码

    其次是阻止事件冒泡,当一个事件在子元素上触发时,我们可能不希望它继续向上冒泡到父元素。 实现阻止默认浏览器行为的方法分为W3C标准和IE专有方法。在非IE浏览器中,我们可以使用`e.preventDefault()`方法,该...

    常见的web前端面试题(四)

    - 常见的事件绑定方式有`addEventListener`、`attachEvent`(IE特有)和DOM0级事件处理程序(直接在元素上设置`on事件名`属性)。 - 事件冒泡是指事件从最深的节点开始,逐级向上层节点传播事件。 6. AJAX和JSON...

    HTML DOM Event 对象

    在W3C的2级DOM事件标准中,引入了更多通用属性,如`event.bubbles`(判断事件是否冒泡)、`event.cancelable`(决定是否可以取消事件的默认行为)和`event.currentTarget`(当前处理事件的元素,不同于`event.target...

    JavaScript事件处理

    - **事件委托**:通过将事件处理器绑定到父元素上,利用事件冒泡机制处理子元素的事件,提高效率。 - **事件监听器**:使用`addEventListener`和`removeEventListener`来添加和移除事件监听器,提供更好的控制和灵活...

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

    常见的事件绑定方法包括但不限于: - `element.addEventListener(event, function, useCapture)` - `element.attachEvent(event, function)` (IE8及以下版本) - `element.onclick = function` (直接绑定方式) ...

    javascript event 用法

    - `altLeft`:在某些特定环境(如Windows)下,可能有区分左右Alt键的需求,但这个属性并不是JavaScript标准事件对象的一部分。 - `banner`:类似地,这个属性可能是指ASX文件中项目的横幅内容,但在标准事件对象...

Global site tag (gtag.js) - Google Analytics