JavaScript的事件

2021-06-20 14:06

阅读:468

标签:div   har   nbsp   点击事件   out   document   UNC   char   doc   

元素上除了有样式,id等属性外,还有事件属性,常用的事件属性有鼠标点击事件属性(onclick),鼠标移入事件属性(mouseover),鼠标移出事件属性(mouseout),将函数名称赋值给元素事件属性,可以将事件和函数关联起来。

示例:

DOCTYPE html>
html lang="en">
head>
    meta charset="UTF-8">
    title>Documenttitle>
head>
body>
    h1 id="one">点击我领取屠龙宝刀!h1>
    script>
        var btn = document.getElementById("one");
        btn.onclick=function(){
            alert("我是渣渣辉,是兄弟就来砍我");
        }
        /* mouseover 鼠标停留的时候 */
         btn.onmouseover=function(){
            btn.style.color="red";
        }
       /* mouseout 鼠标离开的时候 */
         btn.onmouseout=function(){
            btn.style.color="black";
        }
    script>
body>
html>

格式:

元素对象.on事件名称 = function(){
        // 事件发生时,执行的代码
    }

JavaScript的事件

标签:div   har   nbsp   点击事件   out   document   UNC   char   doc   

原文地址:https://www.cnblogs.com/chichung/p/9688399.html


评论


亲,登录后才可以留言!