JavaScript 学习之Event对象

最新推荐文章于 2024-04-25 16:43:08 发布

havedream_one

最新推荐文章于 2024-04-25 16:43:08 发布

阅读量408

点赞数

分类专栏： JavaScript 文章标签： javascript Event 对象

本文链接：https://blog.csdn.net/havedream_one/article/details/49530475

版权

JavaScript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

选自：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>