JavaScript 事件发生时,对事件的处理方式有哪几种?,javascript中如何使用事件处理程序

　　本教程运行环境：windows7系统，javascript1.8.5版本1.8.5，戴尔G3电脑。

　　javascript事件处理的方法

　　方法1、在标签的事件属性中添加事件

　　使用HTML标签的事件属性绑定处理程序。需要注意的是，当事件处理程序被HTML标签的event属性绑定时，event属性中的脚本代码不能包含函数声明，可以是函数调用，也可以是一系列用分号分隔的脚本代码。

　　示例：

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　脚本

　　函数printName(){

　　Var=张三；

　　警报(名称)；

　　}

　　/脚本

　　/头

　　身体

　　input= button onclick= print name() value=事件绑定测试/

　　/body

　　/html

　　方法2、使用事件源的事件属性绑定处理程序

　　将HTML与JS分开的方法之一是通过使用事件源的event属性来绑定事件处理程序。绑定格式如下：

　　事件处理程序格式中的Obj.on event name=obj是事件源对象。绑定事件程序通常是匿名函数或函数名的定义语句。

　　源的事件属性绑定处理程序示例：

　　OBtn.onclick=function(){//oBtn是事件源对象，其click事件绑定了匿名函数定义。

　　警报(“嗨”)

　　};示例：将事件处理程序与事件源的事件属性绑定。

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=utf-8

　　脚本

　　Window.onload=function(){//窗口加载事件绑定到匿名函数。

　　//定义一个名为fn的函数

　　函数fn(){

　　alert( hello )；

　　}

　　//获取事件源对象

　　var obt n1=document . getelementbyid( Bt n1 )；

　　var obt N2=document . getelementbyid( Bt N2 )；

　　//绑定匿名函数

　　oBtn1.onclick=function(){

　　alert( hi )；

　　}

　　//绑定函数名

　　oBtn2.onclick=fn

　　};

　　/脚本

　　/头

　　身体

　　Type= button id= btn1 value=绑定匿名函数

　　Type= button id= btn2 value=绑定函数名

　　/body

　　/html【推荐学习：javascript高级教程】以上是javascript中事件处理的方法细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。