首頁 > 開發者 > JavaScript
淺談 javascript 事件處理，淺談javascript
事件處理
一、事件來源：任何一個HTML元素（節點），body、div、button
二、事件：你的操作
滑鼠：
click 單擊
dblick 雙擊
oncontextmenu 文本菜單
複製代碼 代碼如下:
<body oncontextmenu="return false">//禁止右鍵的程式
mouseover 放上
mouseout 離開
mousedown 按下
mouseup 抬起
mousemove 滑鼠移動
鍵盤:
keypress 鍵盤事件
keyup 抬起
keydown 按下
文檔：
load 載入
onload 是頁面載入完成之後觸發的事件
unload 關閉
breforeunload關閉之前
表單：
focus 焦時間點事件
blur 失去焦點
submit 提交事件
change 改變事件
其它：
scroll 滾動
selectstart 選擇事件
三、事件處理常式
第一種：
格式：<tag on事件="事件處理常式" />
執行個體：
複製代碼 代碼如下:
<script>
function show(){
var one=document.getElementById("one");
alert(one.innerText);
}
show();
</script>
<body>
<div id="one">
wwwwwwwwwwwwwwwww
</div>
<input type="button" onclick="show()" value="show">
第二種:
直接在javascript裡邊對象.on處理常式
複製代碼 代碼如下:
<div id="two">
你好，幫客之家http://www.bkjia.com
</div>
<script>
var one=document.getElementById("two");
one.onclick=function(){
this.style.backgroundColor="red";
}
</script>
第三種：
基本沒什麼人用
複製代碼 代碼如下:
<script for="事件來源ID" event="事件">事件處理常式</script>
<div id="th">
你好，幫客之家http://www.bkjia.com
</div>
<script for="th" event="onclick">
var one=document.getElementById("th");
one.style.backgroundColor="red";
</script>
小夥伴們是否瞭解了javascript的事件處理了呢，有疑問就給我留言吧。
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
