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。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都网页设计公司