JavaScript(js)處理的HTML事件、鍵盤事件、鼠標事件

時間 2020-06-07

標籤 javascript 處理 html 事件鍵盤鼠標欄目 JavaScript 简体版

原文原文鏈接

示例代碼：html

HTML文件：htm

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>HTML文件</title>
<script>
window.onload=function () {
var d=document.getElementById('d');
//內容發生改變，並焦點發生改變，才能夠監聽到
d.onchange=function () {
alert('內容發生改變')
}
}
</script>
</head>
<body>
<input type="text" id="d" value="">
</body>
</html>
鍵盤事件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鍵盤事件</title>
<script>
window.onload=function () {
window.onkeypress=function (e) {
// alert(e.key)//彈出按鍵對應的字母
// alert(e.keyCode)
if (e.charCode==103){
alert('G鍵被點擊')
}
}
}
</script>
</head>
<body>

</body>
</html>
鼠標事件：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鼠標事件</title>
<script>
window.onload=function () {
var input=document.getElementById('b');
input.onclick=function () {
alert('按鈕被點擊了');
}

var c= document.getElementById('c');
c.ondblclick=function () {
alert('雙擊')
}
}
</script>
</head>
<body>
<input type="button" id="b" value="點擊">
<input type="button" id="c" value="雙擊">
</body>
</html>blog

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。