Javascript中點擊(click)事件的三種寫法舉例

更新時間：2024年06月08日 09:44:15 作者：左手喵子

在JavaScript中Click事件是一種常見的用戶交互事件,表示用戶在網(wǎng)頁上點擊某個元素的動作,這篇文章主要給大家介紹了關于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連續(xù)指定兩次或者多次的click事件（解決辦法）

setTimeout (表達式,延時時間)

setTimeout(表達式,交互時間)

延時時間/交互時間是以豪秒為單位的(1000ms=1s)

setTimeout 在執(zhí)行時,是在載入后延遲指定時間后,去執(zhí)行一次表達式,僅執(zhí)行一次

setTimeout 在執(zhí)行時,它從載入后,每隔指定的時間就執(zhí)行一次表達式

if(ischoose == false){
                ischoose = true;
                document.getElementById("myBaby").click();
       } else {
                document.getElementById("myBaby").click();//奇數(shù)次單擊和偶數(shù)次單擊不同的效果!
                setTimeout(function(){document.getElementById("myBaby").click();},50);
       }