JavaScript常见事件标签:
事件标签属性 | 当以下情况发生时,出现此事件 |
onabort | 图像加载被中断 |
onchange | 用户改变域的内容 |
onclick | 鼠标点击某个对象 |
ondblclick | 鼠标双击某个对象 |
onerror | 当加载文档或图像时发生某个错误 |
onfocus、onblur | 元素获得焦点、失去焦点时触发 |
onkeydown、onkeyup | 某个键盘的键被按下、被松开时触发 |
onkeypress | 某个键盘的键被按下或按住 |
onload、 onunload | 某个页面或图像被完成“加载”、用户退出页面 |
onmousedown、onmouseup | 某个鼠标按键被按下、被松开时触发 |
onmousemove | 鼠标被移动 |
onmouseout | 鼠标从某元素移开 |
onmouseover | 鼠标被移到某元素之上 |
onresize | 窗口或框架被调整尺寸 |
onselect | 文本被选定 |
onsubmit、onreset | 提交按钮、重置按钮被点击 |
JavaScript常见事件:
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <script> function test(){ console.log("李银霞"); } </script> </head> <body> <!-- 1:onchange=" "事件 --> <select onchange="test()"> <option value="1">一年级</option> <option value="2">二年级</option> <option value="3">三年级</option> </select> <!-- 2:onclick=" "点击事件 --> <input type="submit" onclick="test()"/> <!-- 3:onfocus=" "获取焦点事件 --> <input onfocus="test()" /> <!-- 4:onblur=" "失去焦点事件 --> <textarea onblur="test()"></textarea> <!-- 5:onkeydown=""键盘的某个键被按下时触发的事件 --> <input onkeydown="test()" /> <!-- 6:onkeyup=""键盘的某个键被松开时触发的事件 --> <textarea onkeyup="test()"></textarea> <br /> <!-- 作者:1767757232@qq.com 时间:2018-08-21 描述: --> <input onkeypress="test" /> <!-- 8:onmousedowm=""鼠标按下事件 --> <div style="background: red;" onmousedown="test()"> 按钮 </div> <!-- 9:onmouseup=""鼠标松开事件 --> <div style="background: blue;" onmouseup="test()"> 按钮 </div> <!-- 10:onmouseover=""鼠标划上去事件 --> <div style="background: green;" onmouseover="test()"> 按钮 </div> <!-- 11:onmouseout=""鼠标滑开事件 --> <div style="background: purple;" onmouseout="test()"> 按钮 </div> <!-- 12:onmousemove=""滑动鼠标事件 --> <div style="background: black;" onmousemove="test()"> 按钮 </div> </body> </html>
以上就是javascript有哪些常用事件?的详细内容,更多请关注0133技术站其它相关文章!