JavaScript 学习之Event对象

选自:W3School

Event对象

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。
事件通常与函数结合使用,函数不会在事件发生前被执行!

事件句柄

HTML 4.0 的新特性之一是能够使 HTML 事件触发浏览器中的行为,比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表,可将之插入 HTML 标签以定义事件的行为。

属性 此事件发生在何时…
onabort 图像的加载被中断。
onblur 元素失去焦点。
onchange 域的内容被改变。
onclick 当用户点击某个对象时调用的事件句柄。
ondblclick 当用户双击某个对象时调用的事件句柄。
onerror 在加载文档或图像时发生错误。
onfocus 元素获得焦点。
onkeydown 某个键盘按键被按下。
onkeypress 某个键盘按键被按下并松开。
onkeyup 某个键盘按键被松开。
onload 一张页面或一幅图像完成加载。
onmousedown 鼠标按钮被按下。
onmousemove 鼠标被移动。
onmouseup 鼠标按键被松开。
onmouseout 鼠标从某元素移开。
onmouseover 鼠标移到某元素之上。
onreset 重置按钮被点击。
onresize 窗口或框架被重新调整大小。
onselect 文本被选中。
onsubmit 确认按钮被点击。
onunload 用户退出页面。

实例

只能输入字母:

<script type="text/javascript">
    function noNumbers(e) {
        var keynum
        var keychar
        var numcheck

        if(window.event) // IE
            {
                keynum = e.keyCode
            }
        else if(e.which) // Netscape/Firefox/Opera
            {
                keynum = e.which
            }
        keychar = String.fromCharCode(keynum)
        numcheck = /\d/
        return !numcheck.test(keychar);
    }
 </script> <body> <!--这里的return需要注意--> <input type="text" id="text" onkeypress="return noNumbers(event)" />
 </body>

你可能感兴趣的:(JavaScript,对象,event)