简单的鼠标事件

最新推荐文章于 2021-04-14 01:08:39 发布

明天早晨喝牛奶

最新推荐文章于 2021-04-14 01:08:39 发布

阅读量229

点赞数

分类专栏：效果片段集合文章标签： javascript

本文链接：https://blog.csdn.net/qq_40289292/article/details/78096053

版权

效果片段集合专栏收录该内容

17 篇文章 0 订阅

订阅专栏

以下是一些js的事件，鼠标点击事件onclick,鼠标双击事件ondbclick,鼠标进入事件onmouseenter.
注意事项：
1.js是在HTML的标签script中写的，function后写方法名+（参数）+{方法体}。
2.alert（“”）；是提示窗口，（）内可以写汉字、英语、符号等你想让你在括号内输入的文本原样输出的话，需要用双引号包住，另外是（）内可以放一些参数。
3.在你需要有效果的标签上加上事件名和你要用的方法，事件名后的方法不同，得到的效果也不同。

<button onclick="dj()">爱你</button>

<!DOCTYPE html>

<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
    </head>
    <script>function dj(){
            alert("happy birthday!")
            alert("you are my only!")
        }
        function db(){
            alert("sweet day!")
            alert("hello!i think you maybe need some freetime!")
        }
        function see(){
//          alert("the day you live alone!")
            location.assign("http://www.runoob.com/tags/ref-eventattributes.html")
        }
</script>
    <body>
        <button onclick="dj()">爱你</button>
        <font ondblclick="db()">千万别回头</font>
        <img onmouseenter="see()" src="img/5cffd38ce7797956464
            e0c0b1a0a1cf2_704_1473068_141217.jpg"/>
    </body>
</html>