您現在的位置: 365建站網 > 365教程 > DHTML 教程 > DHTML 事件句柄(Event Handlers)

DHTML 事件句柄(Event Handlers)

此節有 119 人學習過     參與評論

您可以在某個事件發生時通過一個事件句柄對某個元素進行某種操作。

實例

注釋:大多數 DHTML 實例需要IE 4.0+、Netscape 7+ 或者 Opera 7+!

onmouseover 和 onmouseout
如何在鼠標指針移到并移開一個元素時改變一個元素的顏色。
onclick
把燈點亮。如何當您單擊一副圖像時改變圖像,然后再次單擊它時換回原來的圖像。
onmousedown 和 onmouseup
這次只有當你按住鼠標按鈕時燈才會亮。
onload
當頁面完成加載時顯示一個提示框。

事件句柄

通過一個事件句柄,您可以在某個事件發生時對某個元素進行某種操作:當用戶點擊元素時,當頁面加載時,當一個表單被提交時,等等。

<h1 onclick="style.color='red'">Click on this text</h1>

上面的例子可定義當用戶點擊一個標題時標題變為紅色。

您也可以在頁面的 head 部分添加一段腳本,然后從事件句柄調用函數:

<html>

<head>
<script type="text/JavaScript">
function changecolor()
{
document.getElementById('header').style.color="red"
}
</script>
</head>

<body>
<h1 id="header" onclick="changecolor()">Click on this text</h1>
</body>

</html>

HTML 4.0 事件句柄

事件 當...時發生
onabort 用戶終止頁面加載。
onblur 用戶離開對象。
onchange 用戶改變對象的值。
onclick 用戶點擊對象。
ondblclick 用戶雙擊對象。
onfocus 用戶激活對象。
onkeydown 按下鍵盤。
onkeypress 按壓鍵盤。
onkeyup 松開鍵盤。
onload

頁面完成加載。

注釋:在 Netscape 中,當頁面加載時會發生該事件。

onmousedown 用戶按鼠標按鈕。
onmousemove 鼠標指針在對象上移動。
onmouSEOver 鼠標指針移動到對象上。
onmouseout 鼠標指針移出對象。
onmouseup 用戶釋放鼠標按鈕。
onreset 用戶重置表單。
onselect 用戶選取頁面上的內容。
onsubmit 用戶提交表單。
onunload 用戶關閉頁面。

如對本文有疑問,請提交到交流論壇,廣大熱心網友會為你解答??! 點擊進入論壇


發表評論 (119人查看,0條評論)
請自覺遵守互聯網相關的政策法規,嚴禁發布色情、暴力、反動的言論。
用戶名: 驗證碼: 點擊我更換圖片
最新評論
------分隔線----------------------------
自拍偷拍福力视频,偷拍国际精品,麻豆一区福利电影,国产网红视频午夜福利,se视频大全,久久国产AV影院 美女网站免费福利视频| 99热精品久久只有精品| 国产私人尤物无码不卡| 欧美大片在线观看完整版| 国产麻豆精av| 国产情侣露脸高潮在线| 两性色午夜视频免费无码| 夜逍遥社区| 先锋影音av最新av资源网| 日韩性公交车上xxhd| 日本真人试看120秒做受| 给老子把屁股撅好了h| 八哥电影| 10一13周岁毛片在线| 欧美成人免费全部网站| 在线日韩日本国产亚洲| 国产精品久久自在自线| 狠狠色噜噜狠狠狠狠色综合久| 走动时还恶意地在体内顶弄| 欧美成人免费全部网站| 在线a亚洲v天堂网2018| 日本 888 xxxx| 97人洗澡人人澡人人爽人人模| 亚洲欧美人成视频在线| 欧美俄罗斯40老熟妇| 69式真人无码视频免费| 在线图片亚洲视频小说| 日本一本道| 天天摸天天碰天天添| 国产在线精品亚洲观看不卡欧州| 普通话熟女高潮对白出浆视频| http://www.kato-gishi.com