好资源导航 » 文章资讯 » js修改onclick动作的四种方法(推荐)

js修改onclick动作的四种方法(推荐)

2024-03-14 03:10:04 462

第一种：button.onclick=Function("alert('hello');");

第二种：button.onclick=function(){alert("hello");};

第三种：button.onclick=myAlert;

functionmyAlert(){
alert("hello");
}

第四种：

这种情况更加动态，更为实用，而且还能添加多个函数(添加的事件的顺序即执行顺序)，呵呵

if(window.addEventListener){//Mozilla,Netscape,Firefox
//element.addEventListener(type,listener,useCapture);
button.addEventListener('click',alert('11'),false);
button.addEventListener('click',alert('12'),false);//执行顺序11->12
}else{//IE
button.attachEvent('onclick',function(){alert('21');});
button.attachEvent('onclick',function(){alert('22');});执行顺序22->21
}

实例讲解：

button.onclick=Function("alert('31');");
button.onclick=Function("alert('32');");
button.onclick=Function("alert('33');");//如果这样写,那么将会只有最后一个方法被执行

button.attachEvent("onclick",function(){alert('41');});
button.attachEvent("onclick",function(){alert('42');});
button.attachEvent("onclick",function(){alert('43');});//如果这样写,三个方法都会被执行

//当然，你也可以这样写
button.onclick=Function("alert('51');");
button.attachEvent("onclick",function(){alert('52');});

//对应移除事件
detachEvent('onclick',func);//ie下使用删除事件func
removeEventListener('click',func);//Mozilla下，删除事件func

以上这篇js修改onclick动作的四种方法(推荐)就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持毛票票。

返回顶部
3162201930
czq8825@qq.com

js修改onclick动作的四种方法(推荐)

热门推荐

随机推荐