码迷,mamicode.com
首页 > Web开发 > 详细

Js的事件

时间:2018-08-10 15:55:19      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:标签   body   hang   改变   执行   return   实现   put   over   

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的事件

标签:标签   body   hang   改变   执行   return   实现   put   over   

原文地址:https://www.cnblogs.com/ljllove/p/9454977.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!