事件

来源:互联网 发布:淘宝网店怎么卖东西 编辑:程序博客网 时间:2024/04/28 19:00

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

<input type="text" onkeypress="funclick(event)"/>

<input type="text" onkeypress="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" onkeydown="return funclick(event)" />    </p>    </body></html>



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

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

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


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

原创粉丝点击