Z站长网 Z站长网 编程 JavaScript 查看内容

Javascript中点击(click)事件的三种写法举例

2024-9-7 23:27| 发布者: zzhancomcn| 查看: 19| 评论: 0

摘要: Javascript中点击(click)事件的三种写法举例2024-06-08 09:43:27 Z站长网zzhan.com.cn在JavaScript中Click事件是一种常见的用户交互事件,表示用户在网页上点击某个元素的动作,这篇文章主要给大家介绍了关于Javascrip ...
Javascript中点击(click)事件的三种写法举例
2024-06-08 09:43:27 Z站长网zzhan.com.cn

在JavaScript中Click事件是一种常见的用户交互事件,表示用户在网页上点击某个元素的动作,这篇文章主要给大家介绍了关于Javascript中点击(click)事件的三种写法,需要的朋友可以参考下
方法一:
<!DOCTYPE html>
<html>
<head>
 <title>Javascript中点击事件方法一</title>
</head>
<body>
 <button id="btn">click</button>
 <script type="text/javascript">
  var btn = document.getElementById("btn");
  btn.οnclick=function(){
   alert("hello world");
  }
 </script>
</body>
</html>
消除事件:btn.οnclick=null;

方法二:
<!DOCTYPE html>
<html>
<head>
 <title>Javascript中点击事件方法二</title>
</head>
<body>
 <button id="btn">click</button>
 <script type="text/javascript">
  var btn = document.getElementById("btn");
  btn.addEventListener('click',function(){
   alert("hello wrold");
  },false)
 </script>
</body>
</html>
方法三:
<!DOCTYPE html>
<html>
<head>
 <title>Javascript中点击事件方法三</title>
 <script type="text/javascript">
  function test(){
   alert("hello world");
  }
 </script>
</head>
<body>
 <button id="btn" οnclick="test()">click</button>
</body>
</html>
附:js连续指定两次或者多次的click事件(解决办法)
setTimeout (表达式,延时时间)

setTimeout(表达式,交互时间)

延时时间/交互时间是以豪秒为单位的(1000ms=1s)

setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次

setTimeout 在执行时,它从载入后,每隔指定的时间就执行一次表达式

if(ischoose == false){
                ischoose = true;
                document.getElementById("myBaby").click();
       } else {
                document.getElementById("myBaby").click();//奇数次单击和偶数次单击不同的效果!
                setTimeout(function(){document.getElementById("myBaby").click();},50);
       }
总结 
到此这篇关于Javascript中点击(click)事件的三种写法的文章就介绍到这了,更多相关js点击(click)事件写法内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持Z站长网zzhan.com.cn!

路过

雷人

握手

鲜花

鸡蛋
看帖是喜欢,评论才是真爱:

全部回复(0)

返回顶部