快捷導(dǎo)航

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

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

在JavaScript中Click事件是一種常見的用戶交互事件,表示用戶在網(wǎng)頁上點(diǎn)擊某個(gè)元素的動(dòng)作,這篇文章主要給大家介紹了關(guān)于Javascript中點(diǎn)擊(click)事件的三種寫法,需要的朋友可以參考下

方法一：

<!DOCTYPE html>
<html>
<head>
	<title>Javascript中點(diǎn)擊事件方法一</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中點(diǎn)擊事件方法二</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中點(diǎn)擊事件方法三</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 (表達(dá)式,延時(shí)時(shí)間)

setTimeout(表達(dá)式,交互時(shí)間)

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

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

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

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