DOM操作-主动触发按钮的单击事件

Posted 承载梦想-韩旭明

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了DOM操作-主动触发按钮的单击事件相关的知识,希望对你有一定的参考价值。

代码:

————————————————————————————————

<script>
      function fireBtnClick(){
        var myBtn = document.getElementById("myBtn");
         myBtn.click();
      }
    </script>

————————————————————————————————

<body>
    <p>
      <input type="button" value="触发按钮的事件" onclick="fireBtnClick();">
      <br />
      <input type="button" id="myBtn" value="提示按钮" onclick="alert(‘我被提示了‘)">
    </p>
</body>

———————————————————————————————

技术分享

 

 

解析:

  动态激活事件需要一个前提,就是这个DOM必须支持这样的事件,然后才能通过相应的函数来激活该事件。函数的名字往往和事件的名称一致,如单击事件"click"的激活函数就是 click();

 

以上是关于DOM操作-主动触发按钮的单击事件的主要内容,如果未能解决你的问题,请参考以下文章

vue怎么触发元素的原生事件

DOM事件

微信小程序点击切换class

事件冒泡及事件委托的理解(JQuery Dom操作)

DOM 操作:如何在按钮单击时创建文本节点

影子 DOM 中的 React 组件时单击事件未触发