javascript——常用事件总结 - 白露~

公告

昵称：白露~
园龄： 10年6个月
粉丝： 289
关注： 135

+加关注

随笔分类

随笔档案

阅读排行榜

评论排行榜

最新评论

1. Re:服务的有状态和无状态
优秀
--bky_fxs
2. Re:动态规划-七种背包问题
厉害
--自倚修行
3. Re:redis中查找大key方法汇总
在使用这个python 检查脚本的时候 python2执行失败提示没有redis 使用Python3 的话提示只显示这个，没显示key,请问是跟python版本有关吗？我python3的版本为...
--小百百-
4. Re:讲讲什么是 JMM
讲的很细，也算是比较完整，要是加上as-if-serial，这样jmm俩大原则就完整了
--钟小嘿
5. Re:MySQL里判断某个字符串是否包含某个字符串的3种方法
没有字符串检索吗？
--望天hous

javascript——常用事件总结

Event对象：Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件标签属性	当以下情况发生时，出现此事件
onabort	图像加载被中断
onchange	用户改变域的内容
onclick	鼠标点击某个对象
ondblclick	鼠标双击某个对象
onerror	当加载文档或图像时发生某个错误
onfocus、onblur	元素获得焦点、失去焦点时触发
onkeydown、onkeyup	某个键盘的键被按下、被松开时触发
onkeypress	某个键盘的键被按下或按住
onload、 onunload	某个页面或图像被完成“加载”、用户退出页面
onmousedown、onmouseup	某个鼠标按键被按下、被松开时触发
onmousemove	鼠标被移动
onmouseout	鼠标从某元素移开
onmouseover	鼠标被移到某元素之上
onresize	窗口或框架被调整尺寸
onselect	文本被选定
onsubmit、onreset	提交按钮、重置按钮被点击

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <script>
            function test(){
                console.log("李银霞");
            }
        </script>
    </head>
    <body>
        <!--
            1：onchange=" "事件
        -->
        <select onchange="test()">
            <option value="1">一年级</option>
            <option value="2">二年级</option>
            <option value="3">三年级</option>
        </select>
        <!--
            2：onclick=" "点击事件
        -->
        <input type="submit" onclick="test()"/>
        <!--
            3:onfocus=" "获取焦点事件
        -->
        <input onfocus="test()" />
        <!--
            4：onblur=" "失去焦点事件
        -->
        <textarea onblur="test()"></textarea>
        <!--
            5:onkeydown=""键盘的某个键被按下时触发的事件
        -->
        <input onkeydown="test()" />
        <!--
            6:onkeyup=""键盘的某个键被松开时触发的事件
        -->
        <textarea onkeyup="test()"></textarea>
        <br />
        <!--
            作者：1767757232@qq.com
            时间：2018-08-21
            描述：
        -->
        <input onkeypress="test" />
        <!--
            8:onmousedowm=""鼠标按下事件
        -->
        <div style="background: red;" onmousedown="test()">
            按钮
        </div>
        <!--
            9:onmouseup=""鼠标松开事件
        -->
        <div style="background: blue;" onmouseup="test()">
            按钮
        </div>
        <!--
            10：onmouseover=""鼠标划上去事件
        -->
        <div style="background: green;" onmouseover="test()">
            按钮
        </div>
        <!--
            11:onmouseout=""鼠标滑开事件
        -->
        <div style="background: purple;" onmouseout="test()">
            按钮
        </div>
        <!--
            12：onmousemove=""滑动鼠标事件
        -->
        <div style="background: black;" onmousemove="test()">
            按钮
        </div>
    </body>
</html>