JavaScript动态添加|绑定事件

本文详细介绍了JavaScript中事件处理的基本概念,包括不带参数和带参数的事件,通过实例展示了如何使用不同方法实现事件监听,并介绍了动态事件监听的优势。文章还探讨了如何在不同浏览器环境下处理事件,确保兼容性和稳定性。

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

1,不带参数的事件:

两种方式:直接给对象添加事件,节点添加事件
例如给一个id为tab1的添加onclick事件
第一种情况:
var  t  =  document.getElementById( " NewTitle " );
t.onclick 
=   function  showmsg(){
    alert(
' Hello!World ' );
}

 

~


第二种情况 这种情况更加动态,更为实用,而且还能添加多个函数(添加的事件的顺序即执行顺序),呵呵
var  tb  =  document.getElementById( " NewTitle " );
    
if (window.addEventListener){  //  Mozilla, Netscape, Firefox
        td_value.addEventListener( ' click ' , alert( ' cc ' ),  false );
        td_value.addEventListener(
' click ' , alert( ' cc ' ),  false );
    } 
else  {  //  IE
        td_value.attachEvent( ' onclick ' ,   function (){alert( ' changchang ' );});
        td_value.attachEvent(
' onclick ' ,   function (){alert( ' changchang ' );});
    }

 

~


2,带参数的事件:
解决方法:匿名函数:

element.onclick = function () {
        functionName(param);
    };

 


这样就巧妙的通过匿名方法实现了!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值