这篇文章主要介绍了 JavaScript 中点击事件的写法的相关资料, 其中还给大家分享 js 触发按钮点击功能的实现,本文介绍的非常不错,具有参考借鉴价值,需要的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
- <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 所指向的方法,只是调用方法而已,并未触发事件
来源: http://www.phperz.com/article/17/0303/264540.html