编程 Javascript

JavaScript中点击事件的写法

Posted in Javascript onJune 28, 2016

<button id="btn">click</button>
var btn=document.getElementById('btn');

第一种：

btn.onclick=function(){
alert('hello world');
}

消除事件：btn.onclick=null;//就不会弹出框了

第二种：

btn.addEventListener('click',function(){alert('hello world')},false);
btn.addEventListener('click',function(){alert(this.id)},false);

第三种：

function demo(){

alert('hello');
}
<button id="btn" onclick="demo()">click</button>

下面给大家介绍js触发按钮点击事件

模拟JS触发按钮点击功能

<html> 
  <head> 
    <title>usually function</title> 
  </head> 
  <script> 
function load(){ 
  //下面两种方法效果是一样的 
  document.getElementById("target").onclick(); 
  document.getElementById("target").click(); 
} 
function test(){ 
  alert("test"); 
} 
</script> 
  <body onload="load()"> 
    <button id="target" onclick="test()">test</button> 
  </body> 
<html>

备注：

btnObj.click()是真正地用程序去点击按钮，触发了按钮的onclick（）事件

btnObj.onclick()只是简单地调用了btnObj的onclick所指向的方法，只是调用方法而已，并未触发事件

JavaScript中点击事件的写法

- Author -

小码农雯

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

运用jquery实现table单双行不同显示并能单行选中

Jul 25 Javascript

层序遍历在ExtJs的TreePanel中的应用

Oct 16 Javascript

使用jquery与图片美化checkbox和radio控件的代码(打包下载)

Nov 11 Javascript

js实现每日自动换一张图片的方法

May 04 Javascript

AngularJS入门教程之过滤器详解

Aug 19 Javascript

AngularJS的ng-repeat指令与scope继承关系实例详解

Jan 21 Javascript

js实现网页定位导航功能

Mar 07 Javascript

分享vue.js devtools遇到一系列问题

Oct 24 Javascript

原生js实现仿window10系统日历效果的实例

Oct 31 Javascript

原生JS进行前后端同构

Apr 22 Javascript

layer.open 子页面弹出层向父页面传输数据的例子

Sep 26 Javascript

vue实现户籍管理系统

May 29 Javascript

js改变style样式和css样式的简单实例

Jun 28 #Javascript

js改变css样式的三种方法推荐

Jun 28 #Javascript

Javascript中获取浏览器类型和操作系统版本等客户端信息常用代码

Jun 28 #Javascript

获取input标签的所有属性的方法

Jun 28 #Javascript

JavaScript ES6的新特性使用新方法定义Class

Jun 28 #Javascript

javascript 常用验证函数总结

Jun 28 #Javascript

JS传递对象数组为参数给后端,后端获取的实例代码

Jun 28 #Javascript