`
zccst
  • 浏览: 3319176 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

[Event]事件(高程版)(二)事件处理程序

阅读更多
作者:zccst


<input type="button" id="btn1" value="我是按钮" />


1,DOM0级 优点是兼容所以浏览器
	/* 1, DOM0级 优点是兼容所以浏览器*/
	var btn1 = document.getElementById("btn1");
	btn1.onclick=function(e){
		alert("Button Clicked");
		e.stopPropagation();//注释的话,会继续弹出"body Clicked"。IE8及以前不支持
	}
	btn1.onclick=null;//删除事件处理程序





2,DOM2级 标准浏览器


	/* IE7-8下不识别 */
	var btn1 = document.getElementById("btn1");
	btn1.addEventListener("click",function(e){
		alert(e.currentTarget);//[object HTMLInputElement]
		alert(e.target);       //[object HTMLInputElement]
		alert(e.srcElement);   //FF空,Chrome是[object HTMLInputElement]
		
		//this是当前元素
		alert(this === window);//false
	},false);



3,IE事件处理办法

/* 非IE下报错 */
	var btn1 = document.getElementById("btn1");
	btn1.attachEvent("onclick",function(e){
		alert(e.currentTarget);//undefined
		alert(e.target);       //undefined
		alert(e.srcElement);   //[object HTMLInputElement]

		//this是window
		alert(this === window);//true
	});



4,兼容各浏览器解决办法
	var EventUtil = {
		addEvent: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;
			}
		}
	};
	//调用方式
	var handler = function(){
		alert("clicked");
	}
	EventUtil.addEvent(btn1, "click", handler);



分享到:
评论

相关推荐

    Event事件总汇资源下载 event事件大全!请支持啊

    在.NET Framework中,C#和VB.NET使用事件委托(Event Delegate)和事件处理程序方法。事件声明和订阅可以通过事件关键字和事件处理程序方法实现: ```csharp public event EventHandler MyEvent; private void ...

    MTK event事件分析总结

    MTK Event事件是MTK(MediaTek)平台上用于处理各种系统事件的一种机制,它涉及到从底层硬件事件到用户界面交互的多种场景。在MTK MMI(Man Machine Interface)层,事件处理是通过注册事件处理函数来实现的,以确保...

    VB Event 事件演示程序

    本项目“VB Event 事件演示程序”是专门针对VB中的事件处理机制进行的一个实例展示,旨在帮助开发者理解如何利用事件来简化编程流程。 在VB中,事件是对象对外部动作或状态变化的响应。例如,当用户点击按钮、关闭...

    C程序架构之事件调用机制 event

    "C程序架构之事件调用机制 event"的主题着重于如何在C语言环境中实现事件处理机制。事件调用机制允许程序异步地响应外部或内部事件,提高了程序的效率和响应性。 首先,我们来看`list.c`和`list.h`这两个文件。它们...

    QT Event 事件处理

    QT 中 QEvent 和 QKeyEvent事件的处理,其中QEvent包含QKeyEvent和QMouseEvent事件处理,在event中处理QKeyEvent事件将影响单独的QKeyEvent的事件处理函数

    易语言利用Event事件实现多线程暂停继续源码

    通过合理利用易语言的Event事件,我们可以实现更复杂的应用逻辑,例如控制多线程的并发执行顺序,处理线程间的同步问题,以及在需要时暂停或恢复特定线程的工作。这种技术在多任务并行处理、实时系统和网络编程等...

    C#事件(event)使用方法详解

    事件(event)的使用方法可以分为两个部分:事件发生的类和事件接收处理的类。事件发生的类就是说在这个类中触发了一个事件,但这个类并不知道哪个对象或方法将会加收到并处理它触发的事件。事件接收处理的类需要有一...

    mouse_event事件

    #### 二、事件绑定与处理 事件的绑定通常通过`addEventListener`方法完成,该方法接受两个参数:一个是事件类型,另一个是事件处理函数。例如,在Flash中,可以这样绑定一个`MOUSE_OVER`事件: ```actionscript ...

    复杂事件处理(Complex Event Processing)的思考和分析

    复杂事件处理(Complex Event Processing)的思考和分析 复杂事件处理(Complex Event Processing)是企业应用技术中的一个重要组件,能够实时处理和分析大量的事件数据,帮助企业更好地应对复杂的业务场景。下面是...

    《javascript》——event对象与事件

    Event 对象的使用可以分为两个方面:事件处理和事件绑定。事件处理是指在事件发生时执行的函数或代码,而事件绑定是指将事件处理函数绑定到某个元素上,使得该元素能够响应用户的交互行为。 常见的事件类型包括: ...

    C#中的事件处理程序

    `FireEvent1`和`FireEvent2`方法则是触发事件的典型实现,首先检查事件委托是否为空(非null),然后通过调用委托来执行已注册的事件处理程序。 在给定的代码示例中,有两个类A和B。类A提供事件处理程序方法`On...

    event 发送事件 事件管理

    event 事件机制, 游戏或者各种操作行为的事件。

    keybd_event,mouse_event 模拟产生键盘事件、鼠标事件的使用

    在模拟键盘和鼠标事件时,如果需要确保应用程序正确处理这些模拟事件,可能需要在消息循环中加入对`PreTranslateMessage`的调用。 在自动化测试中,结合使用`keybd_event` 和 `mouse_event`,并适当处理`...

    js-event事件

    在JavaScript中,`Event`对象扮演着极其重要的角色,它不仅代表着一个事件的状态,还提供了处理这些事件的方法与属性,使得开发者能够轻松地实现与用户的交互。通过深入理解`Event`对象,我们可以更好地控制页面的...

    jQuery源码分析之Event事件分析

    对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。一般lib都会对浏览器的提供的函数做一些扩展,解决兼容性内存泄漏等问题。第三个问题就是如何得到domReady的状态。 6.1 event的包裹 浏览器的...

    C#写入事件查看器、eventLog控件使用DEMO

    在Windows操作系统中,事件查看器(Event Viewer)是一个强大的工具,用于查看系统、应用程序和安全日志中的事件。开发者可以通过编程方式将应用日志写入事件查看器,以供后期分析和故障排查。C#提供了方便的API来...

    Event Bus C# 事件总线

    在C#编程中,事件总线(Event Bus)是一种设计模式,它允许应用程序的不同组件之间进行松耦合的通信。这种模式特别适用于大型项目或微服务架构,因为它们可以简化组件之间的交互,使得代码更易于维护和扩展。下面将...

    Javascript中的事件--Event对象

    事件处理的核心在于`Event`对象,这个对象包含了与事件相关的信息,如事件类型、触发事件的元素等。下面我们将深入探讨`Event`对象的关键属性和方法,以及它们在JavaScript中的应用。 ### 1. `Event`对象的基础属性...

    JavaScript程序设计——事件处理实验报告.docx

    - **Event对象**:事件处理函数中通常会传递一个Event对象,包含了关于事件的信息,如事件类型、位置等。 - **键盘事件**:如`onkeydown`(键按下)、`onkeyup`(键释放)和`onkeypress`(字符键按下)。 - **...

    FFmpegSDL 音视频开发 ③ ( SDL 事件处理 )

    【FFmpeg】SDL 音视频开发 ③ ( SDL 事件处理 | SDL_Event 数据结构分析 | 事件处理流程 | SDL 事件获取函数 | SDL_WaitEvent 函数 ) https://hanshuliang.blog.csdn.net/article/details/139669401 博客源码快照 一...

Global site tag (gtag.js) - Google Analytics