Event是浏览器在HTML网页内所执行的事件。
Event的功用通常是要执行在网页内的JavaScript。
Event分为四种：Window Events，Form Element Events，Keyboard Events和Mouse Events。
Windows Events
可以应用在body和frameset tag。
Windows Events所支持的attribute：
onload——设定当网页读取完成时所执行的脚本（Script）
例子：
<body onload="JavaScript:alert('Welcome to UCPRO!')"></body>
onunload——设定当网页被关闭时所执行的脚本
例子：
<body onunload="JavaScript:alert('See you next time in UCPRO!')"></body>
Form Element Events
只可以应用在form tag。
Form Element Events所支持的attribute：
onchange——设定当form里的input榄被更换时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onchange="JavaScript:alert('Welcome to UCPRO!')"/>
onsubmit——设定当form被提交时所执行的脚本（用在form tag里）
例子：
<form onsubmit="JavaScript:alert('submit');">
<input type="submit" value="send"/></form>
onreset——设定当form被重新设定（reset）时所执行的脚本
例子：
<form onreset="JavaScript:alert('reset');">
<input type="reset" value="send"/></form>
onselect——设定当form内的text被滑鼠选择时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onselect="JavaScript:alert('select')"/>
onblur——设定当form内的element失去焦点时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onblur="JavaScript:alert('blur')"/>
onfocus——设定当form内的element得到焦点时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onfocus="JavaScript:alert('focus')"/>
Keyboard Events
Keyboard Events设定当键盘上的键被点击或释放时所执行的脚本
（不能被应用在base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style,和title tag）
Keyboard Events所支持的attribute：
onkeydown——设定当键盘的按键被按下时所执行的脚本
例子：
<body onkeydown="JavaScript:alert('keydown')"></body>
onkeypress——设定当键盘的按键被按下并被释放时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onkeypress="JavaScript:alert('keypress')"/>
onkeyup——键盘的按键被释放时所执行的脚本
例子：
<input type="text" value="UCPRO" id="text1" name="text1" onkeyup="JavaScript:alert('keyup')"/>
Mouse Events
让滑鼠在网页中的行动执行脚本。
（不能被应用在base, bdo, br, frame, frameset, head, html, iframe, meta, param, script, style,和title tag）
Mouse Event所支持的attribute：
onclick——设定HTML元素被滑鼠点击+释放时所执行的脚本
例子：
<a href="http://cforum.ucpro.my/" onclick="JavaScript:alert('click')">click once</a>
ondblclick——设定HTML元素被滑鼠双点击（double-click）时所执行的脚本
例子：
<a href="http://cforum.ucpro.my/" ondblclick="JavaScript:alert('click')">double click</a>
onmousedown——设定HTML元素被滑鼠点击时所执行的脚本
例子：
<font onmousedown="JavaScript:alert('mousedown')">Mouse Down</font>
onmousemove——设定HTML元素被滑鼠移动经过时所执行的脚本
例子：
<font onmousemove="JavaScript:alert('mousemove')">Mouse Move</font>
onmouseout——设定HTML元素被滑鼠移动出去时所执行的脚本
例子：
<font onmouseout="JavaScript:alert('mouseout')">Mouse Out</font>
onmouseover——设定HTML元素被滑鼠经过其上面时所执行的脚本
例子：
<font onmouseover="JavaScript:alert('mouseover')">Mouse Over</font>
onmouseup——设定HTML元素被滑鼠点释放时所执行的脚本
例子：
<a href="http://cforum.ucpro.my/" onmouseup="JavaScript:alert('mouseup')">Mouse Up</a>
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment