您现在的位置是:php教程网 > 编程技术 >

[db:作者] 2019-09-29 16:09 PHP学习

javascript什么是事件?

JavaScript使我们有能力创建动态页面。事件是可以被JavaScript侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说,我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在HTML页面中定义。

 

JavaScript常见事件:

<!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 />
        <!--
            作者:[email protected]
            时间: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>

以上就是javascript什么是事件?的详细内容,更多请关注html中文网其它相关文章!

上一篇:上一篇:javascript中call和apply的区别是什么

下一篇:下一篇:没有了