HTML元素的一些基本属性(2)

<wbr style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"><span style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"></span><wbr style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"><span style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)">这次例表说明HTML的另一些属性——</span><span style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)">[事件属性]</span><span style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)">：</span> <div style="color:rgb(73,73,73); font-family:simsun; font-size:14px; line-height:21px; text-align:left; background-color:rgb(231,238,244)"> <span style="color:#FF0000; word-wrap:normal; word-break:normal">1）窗口属性[windows events]——通常只在body以及frameset中起作用</span> <div> <div><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>属性 <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>值 <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>描述</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></strong></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></div> <div> <ul style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; border-style:initial; border-color:initial"> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> onload <wbr><wbr><wbr>脚本 <wbr><wbr><wbr>[当文档被载入时执行]</wbr></wbr></wbr></wbr></wbr></wbr> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> onunload <wbr><wbr>脚本 <wbr><wbr><wbr><wbr><span style="word-wrap:normal; word-break:normal">[当文档被卸载时执行]</span></wbr></wbr></wbr></wbr></wbr></wbr> </li> </ul> <div><br></div> </div> <div> <span style="word-wrap:normal; word-break:normal; color:rgb(255,0,0)">2）表</span><span style="font-family:simsun; color:#FF0000; word-wrap:normal; word-break:normal">单元素事件 (Form Element Events)</span> </div> <div> <div><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>属性 <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>值 <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>描述</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></strong></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></div> <div> <ul style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; border-style:initial; border-color:initial"> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> onchange <wbr><wbr>脚本 <wbr><wbr><wbr>[当元素改变时执行脚本]</wbr></wbr></wbr></wbr></wbr> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> onsumbit <wbr><wbr>脚本 <wbr><wbr><wbr><wbr><span style="word-wrap:normal; word-break:normal">[当表单被执行时执行脚本]</span></wbr></wbr></wbr></wbr></wbr></wbr> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">onreset <wbr><wbr><wbr>脚本 <wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></span><span style="word-wrap:normal; word-break:normal">[当表单被重置时执行脚本]</span></span> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="word-wrap:normal; word-break:normal"><span style="word-wrap:normal; word-break:normal">onselect <wbr><wbr>脚本 <wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></span></span><wbr><span style="word-wrap:normal; word-break:normal">[当元素被选取时执行脚本]</span></wbr> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="word-wrap:normal; word-break:normal">onblur <wbr><wbr><wbr>脚本 <wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></span><span style="word-wrap:normal; word-break:normal">[当元素失去焦点时执行脚本]</span> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="word-wrap:normal; word-break:normal">onfocus <wbr><wbr><wbr>脚本 <wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></span><span style="word-wrap:normal; word-break:normal">[当元素获得焦点时执行脚本]</span> </li> </ul> <div><br></div> <div> <span style="color:#ED1C24; word-wrap:normal; word-break:normal">3）图像事件 (Image Events) [该属性可用于img标签中]</span> <div> <div><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>属性 <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>值 <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>描述</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></strong></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></div> <div> <ul style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; border-style:initial; border-color:initial"><li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> onabort <wbr><wbr><wbr>脚本 <wbr><wbr><wbr>[当图像加载中断时执行脚本]</wbr></wbr></wbr></wbr></wbr></wbr> </li></ul> <div><br></div> <div> <div> <span style="word-wrap:normal; word-break:normal; color:rgb(255,0,0)">4）</span><span style="font-family:simsun; color:#FF0000; word-wrap:normal; word-break:normal">键盘事件 (Keyboard Events)</span> </div> <div> <div><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>属性 <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>值 <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>描述</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></strong></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></div> <div> <ul style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; border-style:initial; border-color:initial"> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> onkeydown <wbr><wbr>脚本 <wbr><wbr><wbr>[当键盘被按下时执行脚本]</wbr></wbr></wbr></wbr></wbr> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="font-family:simsun; color:#494949; word-wrap:normal; word-break:normal">onkeypress <wbr>脚本 <wbr><wbr><wbr><wbr>[</wbr></wbr></wbr></wbr></wbr></span><span style="color:#494949; word-wrap:normal; word-break:normal">当键盘被按下后又松开时执行脚本</span><span style="font-family:simsun; color:#494949; word-wrap:normal; word-break:normal">]</span> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="font-family:simsun; color:#494949; word-wrap:normal; word-break:normal">onkeyup<wbr><wbr><wbr>脚本 <wbr><wbr><wbr><wbr>[当键盘被松开时执行脚本]</wbr></wbr></wbr></wbr></wbr></wbr></wbr></span> </li> </ul> </div> </div> </div> <div><br></div> <div> <div> <span style="word-wrap:normal; word-break:normal; color:rgb(255,0,0)">5）</span><span style="font-family:simsun; color:#FF0000; word-wrap:normal; word-break:normal">鼠标事件 (Mouse Events)[在下列元素里无效：base、bdo、br、frame、frameset、head、html、iframe、param、</span><span style="font-family:simsun; color:#2F3699; word-wrap:normal; word-break:normal">“meta、script、style 以及 title 元素中”</span><span style="word-wrap:normal; word-break:normal; color:rgb(255,0,0)">]</span> </div> <div> <div><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><strong>属性 <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>值 <wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr>描述</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></strong></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></div> <div> <ul style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:0px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:none; list-style-position:initial; border-style:initial; border-color:initial"> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> onclick <wbr><wbr><wbr>脚本 <wbr><wbr><wbr>[当鼠标被单击时执行脚本]</wbr></wbr></wbr></wbr></wbr></wbr> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="font-family:simsun; color:#494949; word-wrap:normal; word-break:normal">ondblclick<span style="font-family:simsun; color:#000000; word-wrap:normal; word-break:normal"><wbr><wbr>脚本 <wbr><wbr><wbr><wbr>[</wbr></wbr></wbr></wbr></wbr></wbr></span></span><span style="font-family:simsun; word-wrap:normal; word-break:normal">当鼠标被双击时执行脚本<span style="font-family:simsun; word-wrap:normal; word-break:normal">]</span></span> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="font-family:simsun; word-wrap:normal; word-break:normal"><span style="color:#494949; word-wrap:normal; word-break:normal">onmousedown</span><span style="font-family:simsun; color:#000000; word-wrap:normal; word-break:normal"><span style="color:#494949; word-wrap:normal; word-break:normal"><wbr>脚本 <wbr><wbr><wbr><wbr>[</wbr></wbr></wbr></wbr></wbr></span>当鼠标按钮被按下时执行脚本<span style="color:#494949; word-wrap:normal; word-break:normal">]</span></span></span> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="color:#494949; word-wrap:normal; word-break:normal">onmousemove <wbr>脚本 <wbr><wbr><wbr>[当鼠标指针移动时执行脚本]</wbr></wbr></wbr></wbr></span> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="color:#494949; word-wrap:normal; word-break:normal">onmouseout <wbr><wbr>脚本 <wbr><wbr><wbr>[当鼠标指针移出某元素时执行脚本]</wbr></wbr></wbr></wbr></wbr></span> </li> <li style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="color:#494949; word-wrap:normal; word-break:normal">onmouseover <wbr>脚本 <wbr><wbr><wbr>[当鼠标指针悬停于某元素之上时执行脚本]</wbr></wbr></wbr></wbr></span> </li> <li id="aeaoofnhgocdbnbeljkmbjdmhbcokfdb-mousedown" style="margin-top:0px; margin-right:0px; margin-bottom:0px; margin-left:30px; padding-top:0px; padding-right:0px; padding-bottom:0px; padding-left:0px; border-top-width:0px; border-right-width:0px; border-bottom-width:0px; border-left-width:0px; border-style:initial; border-color:initial; list-style-type:disc; list-style-position:initial; border-style:initial; border-color:initial"> <span style="color:#494949; word-wrap:normal; word-break:normal">onmouseup <wbr><wbr>脚本 <wbr><wbr><wbr>[当鼠标按钮被松开时执行脚本]</wbr></wbr></wbr></wbr></wbr></span> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </wbr></wbr>