javascript 事件驱动杂谈

本文介绍了使用JavaScript动态添加事件处理程序的两种主要方法:一种是直接将事件处理程序分配给对象;另一种是针对不同浏览器(如IE和Mozilla、Netscape、Firefox)采用addEventListener或attachEvent方法,并解释了如何移除及触发这些事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

采用JS的时候 有很多地方需要动态的添加事件驱动
例如 你需要为一个object 的onclick事件添加一个方法或者改变里面的方法 一般人都会想起用最简单的
outerHTML 来直接替换就最容易了~ 但是并不是所有的object 都支持outerHTML 写操作的

那么我们就需要采用JS里面的事件动态添加了
第一种方法就是 对象.事件=函数

object.onclick = function myfun(){alert('');}
也可以这样子
function mytest(){
}
object.onclick = mytest;

这样子的方式很简单很明了

第二种方法就是 为事件注册多个方法 不过他要区分 IE 和  Mozilla, Netscape, Firefox 浏览器

//Mozilla, Netscape, Firefox
object.addEventListener('click', function myfun(){alert('');}, false);
//可以用此方式为click添加多个事件函数 采用removeEventListener可以删除事件
object.dispatchEvent('click');//触发某个事件

//IE
object.attachEvent('onclick',functionName)//detachEvent是卸载事件//
object.fireEvent('onclick')//是强迫触发某个事件
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值