选择合适的事件
1.给合适的HTML标签添加合适的事件
onchange --- select下拉框
onload --- body标签
点击事件 --- 用户会进行点击行动的HTML元素
鼠标事件 --- 用户会进行鼠标移动的HTML元素
键盘事件 --- 用户会进行键盘操纵的HTML元素
2.当给HTML 元素添加多个事件时，，注意事件之间的斗嘴
例如：单双击事件的斗嘴
3.事件的阻断
当事件指定的函数包罗返回值时：
false:会阻断当前事件地址的HTML标签的成果
true:继续执行该标签的成果
阻断要点
事件值的函数前面和函数体中都要加return（见代码↓）
应用场景
例如表单提交之前，查抄值，不切合则阻断提交跳转
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!-- 1.给合适的HTML标签添加合适的事件 onchange --- select下拉框 onload --- body标签 点击事件 --- 用户会进行点击行动的HTML元素 鼠标事件 --- 用户会进行鼠标移动的HTML元素 键盘事件 --- 用户会进行键盘操纵的HTML元素 2.当给HTML 元素添加多个事件时，注意事件之间的斗嘴 例如：单双击事件的斗嘴 3.事件的阻断 当事件指定的函数包罗返回值时： false:会阻断当前事件地址的HTML标签的成果 true:继续执行该标签的成果 --> <script type="text/javascript"> function test(){ alert("阻断事件测试"); return false; } </script> <!-- 事件的阻断的测试 --> <!-- 注意关键点在于函数前面和函数体中都要加return--> <a href="http://www.mamicode.com/https:/www.baidu.com">跳转百度</a> </body> </html>
13 js事件2——选择合适的事件
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/31423.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")