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();

时间: 2024-12-25 18:30:20

DOM操作-主动触发按钮的单击事件的相关文章

js触发按钮点击事件

js触发按钮点击事件 博客分类: javascript 模拟JS触发按钮点击功能 Html代码   <html> <head> <title>usually function</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElement

【WebForm】编程点滴:由文本框回车触发按钮点击事件想到的

在WebFomr中我们常常会需要实现这样一个功能:文本框回车时触发触发其他按钮的click事件.在JS中我们常常这样做: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

转载:JS触发服务器控件的单击事件

原文地址:http://blog.csdn.net/joyhen/article/details/8485321 <script src="../Js/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#a_doClick").cli

JS触发服务器控件的单击事件

<script src="../Js/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#a_doClick").click(function () { $("#<%=btnTest.ClientID%>&quo

分析js操作动态获取屏高并触发按钮点击事件回到页面窗口的顶部

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>回到顶部</title> <style> .d1{ width:100%; height:5000px; } #btn{ width:100px; height:40px; position:fixed; right:0; bottom:0; dis

标准按钮和HTML按钮的单击事件区别

1,标准的按钮事件与HTML按钮事件的区别: 标准按钮事件为:OnClientClick HTML按钮事件为:onclick 以上2者的区别要切记,都为调用客户端代码.

[转]jQuery 双击事件(dblclick)时,不触发单击事件(click)

例1: 链接:http://www.w3school.com.cn/jquery/event_dblclick.asp HTML 系列教程 浏览器脚本 服务器脚本 ASP.NET 教程 XML 系列教程 Web Services 系列教程 建站手册 jQuery 教程 jQuery 教程 jQuery 简介 jQuery 安装 jQuery 语法 jQuery 选择器 jQuery 事件 jQuery 效果 jQuery 隐藏/显示 jQuery 淡入淡出 jQuery 滑动 jQuery 动画

JQuery如何实现双击事件时不触发单击事件,解决鼠标单双击冲突问题

在jQuery的事件绑定中,如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件(click). 但有时候我们希望在执行双击事件的时候不去出发单击事件,那究竟该如何实现呢? 少bb 上代码 : <!DOCTYPE html> <html lang="en"> <head> <meta charset

js文本框失去焦点事件与按钮单击事件的冲突问题

<input type="text" id="txt" name="txt"/> <input type="button" name="btn" id="btn" value="确定"/> <script type="text/javascript"> document.getElementById("