`
haibin369
  • 浏览: 60218 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

JavaScript中跨浏览器的事件方法

阅读更多

参考自《JavaScript高级程序设计》

	<script type="text/javascript">
		var EventUtil = {
			//增加事件处理器
			addEventHandler:function(element,type,handler){
				if(element.addEventListener)
					element.addEventListener(type,handler,false);
				else if(element.attachEvent)
					element.attachEvent("on" + type,handler);
				else
					element["on"+type] = handler;
			},
			
			//移除事件处理器
			removeEventHandler:function(element,type,handler){
				if(element.removeEventListener)
					element.removeEventListener(type,handler,false);
				else if(element.detachEvent)
					element.detachEvent("on" + type,handler);
				else
					element["on"+type] = null;
			},
			
			//获得当前的事件对象
			getEvent:function(event){
				return event ? event : window.event;
			},
			
			//获得当前的事件源对象
			getTarget:function(event){
				return event.target || event.srcElement;
			},
			
			//阻止事件的默认行为
			preventDefault:function(event){
				if(event.preventDefault)
					event.preventDefault();
				else
					event.returnValue = false;
			
			},
			
			//阻止事件冒泡
			stopPropagation:function(event){
				if(event.stopPropagation)
					event.stopPropagation();
				else
					event.cancelBubble = true;
			}
		};
	</script>

 

0
0
分享到:
评论

相关推荐

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

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

    javascript 跨浏览器的事件系统

    在探索跨浏览器的事件系统时,首先需要理解事件驱动编程的重要性以及JavaScript的事件模型。事件驱动编程是一种编程范式,在这种范式中,程序的流程由事件控制,例如用户与网页的交互动作、窗口行为、定时器到期等。...

    javascript 编写跨浏览器的javascript兼容写法

    javascript 编写跨浏览器的javascript兼容写法 js兼容

    详细解读JavaScript的跨浏览器事件处理

    为了在跨浏览器中添加和移除事件处理器,可以使用以下方法: ```javascript var EventUtil = { addHandler: function(elem, type, handler){ if (elem.addEventListener){ elem.addEventListener(type, handler,...

    跨浏览器解决方案

    例如,某些CSS属性可能只在特定浏览器中生效,或者JavaScript的某些API可能在旧版本的浏览器中未被支持。 解决跨浏览器问题的第一步通常是采用标准兼容的代码。遵循W3C的HTML5和CSS3规范,可以显著提高跨浏览器的...

    javascript跨浏览器的属性判断方法.docx

    ### JavaScript 跨浏览器属性判断方法 #### 概述 在前端开发过程中,由于不同浏览器对JavaScript API的支持程度不一,开发者经常会遇到兼容性问题。为了确保应用能够在多种浏览器上正常运行,开发人员需要掌握跨...

    用于跨浏览器网页编程

    本文将从一个具体的示例出发,深入探讨如何通过JavaScript来检测用户所使用的浏览器类型及其版本,并进一步讲解实现跨浏览器兼容性的技巧。 #### 二、代码解析与优化 在给定的代码片段中,开发者尝试通过...

    良田高拍仪跨浏览器控件SDKV2.3.0

    3. **实时预览**:通过SDK,开发者可以实现在浏览器中实时显示高拍仪的摄像头画面,用户可以在拍摄前预览图像,确保拍摄效果满意。 4. **图像处理**:SDK可能包含了图像处理功能,比如自动对焦、白平衡、亮度调节等...

    详解javascript跨浏览器事件处理程序

    在这篇文章中,我们将详细探讨JavaScript跨浏览器事件处理程序的机制和实现方式。 首先,我们需要理解不同浏览器中添加和移除事件监听器的方法。在现代浏览器中,推荐使用`addEventListener`和`removeEventListener...

    开源Tree树状菜单HTML+Javascript兼容各浏览器

    总的来说,这个开源项目提供了一种跨浏览器的树状菜单解决方案,结合HTML和JavaScript技术,确保在IE和Firefox等不同浏览器中的良好表现。开发者通过熟练掌握DOM操作、事件处理、性能优化等技巧,解决了兼容性问题,...

    JavaScript中的跨浏览器事件操作的基本方法整理

    首先值得说一下,在事件处理、事件对象、阻止事件的传播等方法或对象存在着浏览器兼容性问题,开发过程中最好编写成一个通用的事件处理工具,嗯,接下来我们一起来看一下JavaScript中的跨浏览器事件操作的基本方法整理

    跨浏览器打印网页数据

    标题中的“跨浏览器打印网页数据”指的是在不同的网络浏览器中实现网页内容的打印功能,确保在各个主流浏览器(如Chrome、Firefox、Safari、Edge等)下,打印效果的一致性和准确性。这涉及到HTML、CSS以及JavaScript...

    如何编写跨浏览器的javascript程序

    在JavaScript编程领域,编写跨浏览器代码是一项至关重要的技能。由于不同的浏览器对JavaScript的支持程度和实现方式存在差异,因此,为了确保程序在各种浏览器环境中都能正常运行,开发者需要掌握一些核心策略和技巧...

    跨浏览器javascript时间日期组件

    "跨浏览器JavaScript时间日期组件"是一个专门针对这一需求设计的工具,它旨在提供一致且兼容性良好的时间日期选择功能,无论用户使用的是哪个浏览器。"My97DatePicker"就是这样一个例子,它被广泛使用并受到好评。 ...

    支持跨浏览器的日历控件(包含有时分秒与无时分秒两种)

    总之,一个“支持跨浏览器的日历控件(包含有时分秒与无时分秒两种)”是Web开发中实用的工具,它的实现涵盖了多种前端技术,并需要考虑用户体验、浏览器兼容性和可访问性等多个方面。理解和掌握这些知识点对于提升...

    javascript 多浏览器 事件大全

    比如,对于一些只在特定版本的浏览器中支持的事件,可以通过JavaScript的功能检测来决定是否绑定事件处理器,从而避免在不支持的浏览器中出现错误。 此外,文档中还提到了一些技巧性的用法,比如在中添加...

    开发跨浏览器JavaScript时要注意的问题

    ### 开发跨浏览器JavaScript时要注意的问题 ...通过以上这些方法,可以在开发跨浏览器JavaScript应用时有效地解决兼容性问题。确保代码能够在各种不同的浏览器环境下正常运行是提升用户体验的重要方面之一。

    JavaScript中的跨扫瞄器大事操作的基本方法整理_.docx

    以上所述是JavaScript中处理跨浏览器事件操作的基本方法,这些方法和函数可以帮助开发者编写出兼容各种浏览器的事件处理代码,从而提升应用的可用性和用户体验。在实际开发中,还可以结合现代JavaScript库(如jQuery...

    pushjs一个小巧的跨浏览器的JavaScript通知API的解决方案

    "pushjs一个小巧的跨浏览器的JavaScript通知API的解决方案" 指的是 Push.js 这个库,它是一个轻量级的工具,用于在各种浏览器上实现JavaScript的通知功能。Push.js旨在提供一种统一的API,使得开发者能够方便地在...

Global site tag (gtag.js) - Google Analytics