`

attachEvent兼容各浏览器事件(DOM2级事件的兼容处理)

阅读更多

【前言】

    本文简单介绍下attachEvent兼容各浏览器事件(DOM2级事件的兼容处理)

 

【主体】

    直接上代码:

    <button id="btn">按钮</button>
	<script type="text/javascript">
		window.onload = function(){
			// DOM2事件兼容
			function addEvent(obj,ev,fn){
				//obj为要绑定事件的元素,ev为要绑定的事件,fn为绑定事件的函数
				if(document.addEventListener){
					obj.addEventListener(ev, fn, false);
				}else{
					obj.attachEvent("on" + ev, fn);
				}
			}

			var btn = document.getElementById("btn");
			addEvent(btn,"click",show1);
			addEvent(btn,"click",show2);
			function show1(){alert(1)}
			function show2(){alert(2)}
		}
	</script>

 

 

.

分享到:
评论

相关推荐

    兼容多浏览器js 日历控件大全

    2. **事件处理**:不同的浏览器对事件处理有不同的实现。使用`addEventListener`和`removeEventListener`是标准方法,但在老版本的IE中需要使用`attachEvent`和`detachEvent`。确保在事件处理函数中使用正确的事件...

    javascript打造跨浏览器事件处理机制[Blue-Dream出品]

    在讨论如何使用JavaScript来创建一个跨浏览器的事件处理机制时,我们首先需要了解不同浏览器之间在事件处理方面的差异性,以及为了兼容这些差异,开发者们采取了哪些策略。以下是从给出的文件内容中提取出来的相关...

    JS事件冒泡浏览器兼容

    通过使用DOM2级事件接口和编写兼容性代码,可以有效地管理这些差异,确保在各种浏览器环境下都能正确处理事件。在实际开发中,理解并掌握事件冒泡以及如何处理浏览器兼容性是每个前端开发者必备的技能。

    兼容多浏览器的JS日期控件

    使用addEventListener和attachEvent(针对IE)确保事件处理程序在所有浏览器中都能正确绑定。对于事件触发,例如点击、改变等,需要确保在所有浏览器中的行为一致。 4. **CSS前缀** 为了保证在不同浏览器中的样式...

    JS对话框兼容各浏览器尤其兼容ie6

    5. **事件处理**:IE6使用`attachEvent`而非`addEventListener`,确保同时兼容这两种方式。 6. **jQuery版本**:使用与IE6兼容的jQuery版本,可能需要1.x系列,而不是2.x或更高版本。 通过以上策略,我们可以创建...

    javascript为DOM绑定事件 兼容

    为 DOM 绑定事件需要考虑浏览器的兼容性问题,我们可以使用不同的方式来绑定事件,包括直接为 Element 对象绑定事件、使用 W3C 的 addEventListener 和 IE 的 attachEvent 方法,以及自定义绑定函数等。

    事件模型在各浏览器中存在差异

    例如,Internet Explorer(尤其是版本6、7、8)采用了非标准的`attachEvent`和`detachEvent`方法来添加和移除事件处理程序,而其他现代浏览器如Chrome、Safari、Firefox则遵循W3C标准,只支持`addEventListener`和`...

    弹出层兼容所有浏览器

    4. **事件处理**:jQuery统一了跨浏览器的事件处理接口,如$.on()和$.off(),避免了直接使用addEventListener和attachEvent。 5. **动画兼容**:jQuery的$.animate()函数可以创建平滑的动画效果,但需要确保使用的...

    Dom与浏览器兼容性说明

    标签“DOM 浏览器 兼容性”指出了文章将要讨论的核心话题,即如何处理在不同浏览器之间DOM操作的兼容性问题。浏览器兼容性问题通常是由于不同浏览器对DOM实现的差异造成的。开发者在编程时需要考虑这些差异,确保...

    兼容各种浏览器的日历控件

    2. **事件处理**:使用`addEventListener`来绑定事件处理函数,同时考虑IE8及更早版本的`attachEvent`兼容。 3. **CSS样式**:使用CSS Reset来消除浏览器默认样式差异,使用跨浏览器的CSS属性和值,可能还涉及CSS3...

    纯JavaScript实现的兼容各浏览器的添加和移除事件封装

    首先,它会检查元素是否支持`addEventListener`方法(DOM2级事件处理),这是W3C推荐的标准。如果支持,那么就使用`addEventListener`添加事件处理函数,参数包括事件类型(如`'click'`)、处理函数以及是否使用捕获...

    js树形菜单,完全兼容

    - IE老版本兼容:由于IE5到IE8对某些JavaScript特性支持不足,如DOM操作、事件处理、CSS选择器等,我们需要使用像`document.getElementById`、`appendChild`等老式API,并注意使用`attachEvent`而非`...

    javascript 跨浏览器的事件系统

    例如,微软的Internet Explorer使用attachEvent函数处理事件,而标准浏览器使用addEventListener函数。这些函数在API上存在差异,比如事件对象的传递方式和回调函数的执行顺序。 为了解决这些不一致,开发者需要...

    js弹出层可拖动兼容各大浏览器

    总结来说,"js弹出层可拖动兼容各大浏览器"涉及了JavaScript事件处理、DOM操作、CSS样式兼容、响应式设计以及用户交互优化等多个方面。通过掌握这些技术,开发者能够创建出一个在各种浏览器环境下都能流畅使用的可...

    Firefox浏览器兼容JS脚本

    综上所述,Firefox与IE在JavaScript的兼容性方面存在着诸多差异,这些差异主要体现在事件处理、DOM操作、CSS样式以及网络请求等方面。为了确保Web应用在不同浏览器上的正常运行,开发者需要充分了解这些差异,并采取...

    JavaScript将DOM事件处理程序封装为event.js 出现的低级错误问题.docx

    为了确保代码的健壮性和跨浏览器兼容性,开发者需要对各种浏览器的事件处理机制有深入的理解,包括DOM0级、DOM2级事件处理以及IE特有事件模型。同时,通过持续实践和测试,可以避免这些低级错误,提高代码质量。在...

    多浏览器兼容的JS日历控件

    3. **事件处理**:浏览器之间的事件处理方式也有所不同。比如,IE使用`attachEvent`,而其他浏览器使用`addEventListener`。编写兼容的代码,或者使用库如jQuery来抽象这些差异是必要的。 4. **DOM操作**:IE6到8对...

    元素的内联事件处理函数的特殊作用域在各浏览器中存在差异

    为了确保跨浏览器的兼容性,开发者应该尽量避免在内联事件处理函数中依赖特殊的作用域链,而是采用更健壮的事件处理机制,如分离的JavaScript函数或使用`addEventListener`和`attachEvent`(IE兼容)方法来绑定事件...

    探究JavaScript中的五种事件处理程序方式

    为了兼容各种浏览器,通常需要编写跨浏览器的事件处理程序,结合DOM2级和IE的方法。 ```javascript function addEvent(element, event, handler) { if (element.addEventListener) { element.addEventListener...

Global site tag (gtag.js) - Google Analytics