当前位置：网站首页>JS event binding and common events

JS event binding and common events

2022-06-27 17:36:00 【aqzengkuasheng】

Events can be JavaScript Detected behavior .Js The sending of events can be detected by itself , But if you don't deal with it, it won't work .
Event binding ：

  1. HTML Inline properties ： HTML Fill in the event related attributes directly in the element , The property value is JavaScript Code , When this event is triggered , Execute the contents of the attribute value 
<button onclick="alert(' You click this button ');"> Click this button </button>

onclick Property indicates the trigger click, The content of the property value （JavaScript Code ） When you click the HTML Node .
2.Dom Event model binding 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1> Hello </h1>
		<button onclick="alert(' You click this button ');"> Click this button </button>
		<button id="btn"> Click another button </button>
		<script>
		var btn1=document.getElementById("btn");
		btn1.onclick=function(){
    
			console.log(" Another button helloWorld");
		}
		</script>
	</body>
</html>

Common events
Insert picture description here 

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1> Hello </h1>
		<button onclick="alert(' You click this button ');"> Click this button </button>
		<button id="btn"> Click another button </button>
		<script>
		var btn1=document.getElementById("btn");
		btn1.onclick=function(){
    
			console.log(" Another button helloWorld");
		}
		</script>
	</body>
</html>

			window.onkeydown=function(event){
    // When the event occurred , It can be used event Represents the object of the event 
				console.log(event)
			}

This indicates a keyboard event ：
Insert picture description here

原网站

版权声明
本文为[aqzengkuasheng]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/02/202202161508417199.html

边栏推荐

猜你喜欢

随机推荐