標籤：onkeydown str onclick his upper out html sed element
滑鼠事件
<html lang="en"><head> <meta charset="UTF-8"> <title>滑鼠事件</title></head><body><button onclick="myClick()">按一下滑鼠</button><button ondblclick="myDBClick()">滑鼠雙擊</button><button onmousedown="myMouseDown()" onmouseup="myMouseUp()">滑鼠按下和抬起</button><button onmouseover="myMouseOver()" onmouseout="myMouseOut()">滑鼠懸浮和離開</button><button onmousemove="myMouseMove()">滑鼠移動</button><button onmouseenter="myMouseEnter()" onmouseleave="myMouseLeave()">滑鼠進入和離開</button></body><script> function myClick() { console.log("你單擊了按鈕！"); } function myDBClick() {
console.log("你雙擊了按鈕！"); } function myMouseDown() { console.log("滑鼠按下了！"); } function myMouseUp() { console.log("滑鼠抬起了！"); } function myMouseOver() { console.log("滑鼠懸浮！"); } function myMouseOut() { console.log("滑鼠離開！") } function myMouseMove() { console.log("滑鼠移動！") } function myMouseEnter() { console.log("滑鼠進入！") } function myMouseLeave() { console.log("滑鼠離開！") }</script></html>
結果圖：根據按鈕得到相應效果
鍵盤事件
<html lang="en"><head> <meta charset="UTF-8"> <title>鍵盤事件</title></head><body><input id="name" type="text" onkeydown="myKeyDown(this.id)" onkeyup="myKeyUp(this.id)"></body><script> /*輸出輸入的字元*/ function myKeyDown(id) { console.log(document.getElementById(id).value); } /*按鍵結束，字型轉換為大寫*/ function myKeyUp(id) { var text = document.getElementById(id).value; document.getElementById(id).value = text.toUpperCase(); }</script></html>
結果圖：
JS學習記錄（事件）
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
