Javascript 事件简单学习

最新推荐文章于 2022-06-29 23:03:15 发布

稻田里展望者

最新推荐文章于 2022-06-29 23:03:15 发布

阅读量91

点赞数

分类专栏： Web前端技术文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/weixin_46441425/article/details/122927819

版权

Web前端技术专栏收录该内容

86 篇文章 3 订阅

订阅专栏

事件
某些主键执行某些操作后,出发某些代码的执行.

绑定事件

1.直接在html标签上,指定事件的属性,属性值就是Js代码
事件: onclick-----单击事件

定义JavaScript代码

 <script>
        function fun() {
            alert('我被点了');
        }
    </script>

html标签:展示一张图片,并赋予id onclick 属性

<body>
    <img src="./image.jpg" id="title" onclick="fun();">
</body>

2.通过Js获取元素对象,指定事件属性,设置一个函数

<img src="./image.jpg" id="light2">
    <script>
        function fun() {
            alert('我又被点了');
        }
        //获取light2对象
        var light2 = document.getElementById("light2");
        //绑定事件
        light2.onclick = fun;
    </script>