js中如何替换html元素的click事件方法

2022-06-13    分类： 网站建设

今天在使用jquery替换代码中元素的click事件，由于元素已指定绑定onclick事件，试了好几种方法都不行。
示例如下：

1
<divonclick='alert(111)'id='demo1'></div>

现在想通过js来动态更改 #demo1元素的click事件。
不行的代码有

1
2
3
4
5
$('#demo1').attr('onclick',function(){alert(222)});
及
$('#demo1').click(function(){
 alert(222);
});

在网上查找了下，有下面几种解决方法
jquery解决方法：

1
2
3
$('#demo1').unblind('click').removeAttr('onclick').click(function(){
    alert(222);
});

js原生解决方法

1
2
3
document.getElementById('demo1').onclick=function(){ alert(222) }
也可通过jquery来写，如
$('#demo1')[0].onclick=function(){ alert(222) }

当前文章：js中如何替换html元素的click事件方法
地址分享：https://www.cdcxhl.com/news20/166570.html

成都网站建设公司_创新互联，为您提供面包屑导航、网站建设、关键词优化、云服务器、品牌网站设计、全网营销推广

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

成都网页设计公司

网站建设知识

行业网站建设