Js的事件

Posted ljllove

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Js的事件相关的知识，希望对你有一定的参考价值。

javascript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。
网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 html 页面中定义

常用事件

1.onblur：（使用在表单元素中，当元素失去焦点的时候执行）    
2.onchange：（使用在表单元素中，当某些东西改变是执行）    
3.onclick：（鼠标点击一个元素时执行）    
4.ondblclick：（鼠标双击一个元素时执行）    
5.onfocus：（使用在表单元素中，当元素获得焦点时执行）    
6.onkeydown： （按下某个按键时执行）    
7.onkeyup：（释放某个按键时执行）    
8.onload：（在body标签中使用，载入页面的时候执行）
9.onselect：（用在表单元素中，当元素被选择时执行）
10.onmousedown：（按下鼠标按键时执行）    
11.onmousemove：（鼠标光标在元素上移动时执行）    
12.onmouseout：（鼠标光标移开元素时执行）    
13.onmouseover：（鼠标光标移到元素上时执行）    
14.onmouseup：（当释放鼠标按键时执行）    
17.onsubmit：（用在表单元素中，当表单提交时执行）

例如：onsubmit() 实现阻止表单提交

<script type="text/javascript">
function submitForm(){
	return false;
}
</script>
</head>
<body>
<form action="${pageContext.request.contextPath }/success.jsp" 
onsubmit="return submitForm();" method="post">
用户名：<input name="username" type="text">
 <input type="submit" value="登录">
</form>
</body

　　

　

　

 

以上是关于Js的事件的主要内容，如果未能解决你的问题，请参考以下文章

js 温故而知新 webkitTransitionEnd 监听Transition动画结束事件

原生js禁止页面滚动

Android 事件分发事件分发源码分析 ( Activity 中各层级的事件传递 | Activity -＞ PhoneWindow -＞ DecorView -＞ ViewGroup )(代码片段

VSCode自定义代码片段——JS中的面向对象编程

谷歌浏览器调试jsp 引入代码片段，如何调试代码片段中的js

VSCode自定义代码片段9——JS中的面向对象编程