北京尚网汇智科技有限公司
您当前所在的位置:尚网汇智网站建设 > 前端语言JS技术 > 文章详细
网站建设知识
NEWS
联系我们
  • 网站建设服务电话
  • 400-883-2887
  • 公司地址:北京市昌平科技园区创意大厦2-806
  • 服务项目
    高端网站建设
    移动/微信网站建设
    手机APP开发
    OA/ERP业务系统开发
    网站维护托管
    CMS模板制作

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

    发布时间:2014-07-14 10:22:57

    今天在使用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) }

    文章出自:北京网站建设公司-尚网汇智 https://www.net2006.com 如转载请注明出处!
    咨询服务热线
    400-883-2887
    客服电话:400-883-2887  传真:010-51654992  E-mail:support@net2006.com
    本站设计已受版权保护,任何公司及个人不得复制,违者将依法追究责任,特此声明。

    Copyright © 2005-2018 北京尚网汇智科技有限公司 版权所有 京ICP备13031271号
    查找内容: