javascript中有哪些事件处理方法

这篇文章主要介绍了javascript中有哪些事件处理方法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。

创新互联主要从事做网站、网站设计、网页设计、企业做网站、公司建网站等业务。立足成都服务赤峰林西,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

javascript中事件处理的方法有:1、在标签的事件属性中添加事件,语法“<标签名 事件属性名="事件处理程序">”;2、使用事件源的事件属性绑定事件处理函数,语法“事件源对象.on事件名 = 事件处理函数”。

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript事件处理的方法

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

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

示例:








     

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

使 HTML 和 JS 分离的其中一种方式是通过使用事件源的事件属性绑定事件处理函数,绑定格式如下:

obj.on事件名 = 事件处理函数

格式中的 obj 为事件源对象。绑定的事件程序通常为一个匿名函数的定义语句,或者是一个函数名称。

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

oBtn.onclick = function(){//oBtn为事件源对象,它的单击事件绑定了一个匿名函数定义
      alert('hi')
};

示例:使用事件源的事件属性绑定事件处理函数。








   
   

感谢你能够认真阅读完这篇文章,希望小编分享的“javascript中有哪些事件处理方法”这篇文章对大家有帮助,同时也希望大家多多支持创新互联,关注创新互联行业资讯频道,更多相关知识等着你来学习!


标题名称:javascript中有哪些事件处理方法
本文地址:http://bzwzjz.com/article/ghdgop.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 网站制作 重庆网站设计 LED网站设计方案 成都响应式网站建设公司 成都网站建设 成都网站建设 盐亭网站设计 成都网站设计 成都网站制作 广安网站设计 手机网站建设套餐 成都网站制作 成都网站设计 成都网站制作 营销型网站建设 定制网站设计 app网站建设 成都网站建设 重庆企业网站建设 外贸网站建设 企业网站建设 高端网站设计推广