JavaScript中的事件绑定

最新推荐文章于 2023-02-16 12:48:12 发布

wuyouBegin

最新推荐文章于 2023-02-16 12:48:12 发布

阅读量232

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.csdn.net/qq_43188628/article/details/90582137

版权

JavaScript 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

JavaScript中的事件绑定

前言：在js开发中我们一般遵循三步：确定事件、获取对象、操作对象。

有两种方式
我要在这里说的不是如何去确定事件，这非常简单。我要说的是当确定事件后如何去触发与事件相关的函数，即绑定事件。

一：通过标签的"事件"属性进行绑定(用单击事件举例)
在HTML页面创建一个按钮，后面跟上事件名(属性)等于想要触发的函数的函数名，然后在script标签中编写函数。这就是第一种方式(下面是主要代码)

<script type="text/javascript">
    function show(){
       alert("你好!");
    }
</script>

<body>
  <button onclick="show()">第一种绑定方式</button>
</body>

二：派发事件(同样用单击时间举例)
派发事件分为两步：获取对象，为对象派发事件。
1:给标签一个id值，然后通过document.getElementById(“id值”)去获取到这个标签。(获取到的标签对象需要用一个变量接收----obj)
2:为对象派发事件—obj.οnclick=function(){函数体}

<script type="text/javascript">
       var obj = document.getElementById("b2");
       obj.onclick = function(){
       alert("你好！");
      }
</script>

<body>
  <button id="b2">第二种绑定方式</button>
</body>

感谢收看！

wuyouBegin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中的事件绑定

JavaScript中的事件绑定前言：在js开发中我们一般遵循三步：确定事件、获取对象、操作对象。有两种方式我要在这里说的不是如何去确定事件，这非常简单。我要说的是当确定事件后如何去触发与事件相关的函数，即绑定事件。一：通过标签的"事件"属性进行绑定(用单击事件举例)在HTML页面创建一个按钮，后面跟上事件名(属性)等于想要触发的函数的函数名，然后在script标签中编写函数。这就是第一...
复制链接

扫一扫