事件

最新推荐文章于 2024-09-25 17:14:42 发布

lcathm

最新推荐文章于 2024-09-25 17:14:42 发布

阅读量637

点赞数

分类专栏： html

html 专栏收录该内容

40 篇文章

订阅专栏

不同浏览器中获取事件对象的方式不同，为保持浏览器兼容性，推荐的做法是：在调用事件处理方法时，传入event参数。

<input type="text" οnkeypress="funclick(this, event)"/> //这里的this是DOM对象，要转为jQuery对象，可以用$(this)

加载事件onload onunload

单击事件

键盘事件：在JavaScript中，事件处理函数如果返回false，则表示取消本次事件。

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
	function funclick(e) {
	    if (e.keyCode == 8 || e.keyCode == 13) {
		    return ture;	
		} 
		
		if( e.keyCode>= 48 && e.keyCode <= 57) {
		    return ture;
		} else {
		    return false;
		}
	}
</script>
</head>
<body>
	<p>只能输入数字:
    <input type="text" οnkeydοwn="return funclick(event)" />
    </p>
    
</body>
</html>

内容更改事件onchange：用于输入框内容改变并且焦点失去后触发。

表单提交事件onsubmit。如果要在提交前进行一些出错检查，则可以使用<form οnsubmit="return xxxxx()">在xxxx()函数中，检查正确就返回true，否则返回false。

原理和键盘事件一样，所有的事件处理函数都是一样的。

也就是说，要传递事件，就返回true，否则就返回false;