js事件的几种方式

最新推荐文章于 2021-12-02 20:11:47 发布
最新推荐文章于 2021-12-02 20:11:47 发布
阅读量367 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/s_sPOST/article/details/80264954
版权

方法1：

  1. <!DOCTYPE html>  
  2. <html>  
  3. <head>  
  4.     <title>Javascript中点击事件方法一</title>  
  5. </head>  
  6. <body>  
  7.     <button id="btn">点击</button>  
  8.     <script type="text/javascript">  
  9.         var btn = document.getElementById("btn");  
  10.         btn.οnclick=function(){  
  11.             alert("程序人生");  
  12.         }  
  13.     </script>  
  14. </body>  
  15. </html> 

消除事件：btn.onclick = null

方法2：

    1. <!DOCTYPE html>  
    2. <html>  
    3. <head>  
    4.     <title>Javascript中点击事件方法二</title>  
    5. </head>  
    6. <body>  
    7.     <button id="btn" onclick = "test()">点击</button>  
    8.     <script type="text/javascript">  
    9.         function test(){  
    10.             alert("程序人生");  
    11.         }  
    12.     </script>  
    13. </body>  
    14. </html> 

方法三：

    1. <!DOCTYPE html>  
    2. <html>  
    3. <head>  
    4.     <title>Javascript中点击事件方法三</title>  
    5. </head>  
    6. <body>  
    7.     <button id="btn">点击</button>  
    8.     <script type="text/javascript">  
    9.         var btn = document.getElementById("btn");  
    10.        addEventListener('click',function(){
    11.             alert("程序人生");  
    12.         },false)
    13.     </script>  
    14. </body>  
    15. </html> 

s_sPOST
关注
浅谈Javascript事件处理程序的几种方式
12-04
为事件指定处理程序的方式有好几种。 一：HTML事件处理程序。 如: 代码如下: [removed] function show(){ alert(‘hello world!’); } [removed] <input type=”button” value=”click me” onclick=”...
JavaScript中利用jQuery绑定事件的几种方式小结
10-22
本文将介绍几种在JavaScript中利用jQuery库来绑定事件的方法，同时也包括在不使用jQuery的情况下，利用纯JavaScript实现事件绑定的方式。 ### 1. 使用jQuery绑定事件 #### 方法一：直接使用jQuery对象的事件方法 ...
JS事件的几种类型
weixin_46421045的博客
06-10 271
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> div { width: 200px;
前端（三）——JS-DOM事件（事件的三种写法、增加与删除节点、定时函数）、JS-BOM（window对象、Screen、Location、History、Navigator）
qq_41824825的博客
12-02 809
前端（三）——JS-DOM事件（事件的三种写法、增加与删除节点、定时函数）、JS-BOM（window对象、Screen、Location、History、Navigator） 一、JS-DOM事件 1、第一种写法——直接在标签中添加事件 2、第二种写法——与函数进行绑定 其中，第二种写法有三种不同的方式 a、第一种 b、第二种 c、第三种方式——EventListener 其中， addEventListener 的第三个参数一般不填。 注意： addEventListener 用于 HTML
js事件绑定的几种方式
weixin_34072857的博客
12-13 131
在JavaScript中，有三种常用的绑定事件的方法： 在DOM元素中直接绑定； 在JavaScript代码中绑定； 绑定事件监听函数 一. 在DOM元素中直接绑定 这里的DOM元素，可以理解为HTML标签。JavaScript支持在标签中直接绑定事件，语法为： onXXX="JavaScript Code" 其中： onXXX 为事件名称。例如，鼠标单...
javascript基础--事件
weixin_33946605的博客
03-17 95
jss的事件处理机制 事件流：指从页面中接收事件的顺序，有冒泡流和捕获流。 DOM2级事件规定事件流包括三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。首先发生的是事件捕获，然后是实际的目标接收道事件，最后是冒泡阶段，可以在这个阶段对事件做出响应。 事件监听 addEventListener(事件类型，响应函数，true/false),true代表事件捕获，false代表事件冒泡。 h...
JSS事件执行
LUZENG_SA的博客
10-16 126
详解a标签添加onclick事件的几种方式
10-17
本文将详细介绍在`<a>`标签上添加`onclick`事件的几种常见方法。 ### 方法1: 使用`javascript:js_method()` ```html <a href="javascript:js_method();" rel="external nofollow">点击我 ``` 这个方法直接将...
JS函数的几种定义方式分析
10-23
函数的定义方式多种多样，每种方式都具有特定的用途和特点。本文将对这些函数定义方式及其区别和使用技巧进行分析。 首先，我们来看第一种也是最常用的函数定义方式——函数声明： ```javascript function func1(...
javaScript常用事件
一个半路出家的人
08-23 748
 js常用的事件有一下: &lt;!--onClick 单击事件--&gt; &lt;!--onMouseOver 鼠标经过事件--&gt; onMouseOut鼠标没有经过时的状态 &lt;!--onChange文本内容改变事件--&gt; &lt;!--onSelect文本框选中事件--&gt; &lt;!--onFouse光标聚集事件--&gt; &lt;!--onBlur移开鼠标事件...
JavaScript绑定事件的方法[3种]
xyjikl
12-07 2328
要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称。 在JavaScript中，有三种常用的绑定事件的方法： 在DOM元素中直接绑定；在JavaScript代码中绑定；绑定事件监听函数。 一. 在DOM元素中直接绑定 这里的DOM元素，可以理解为HTML标签。JavaSc
js中事件绑定的几种方式
qq_36060786的博客
03-03 5558
事件处理程序即给元素绑定事件的方式有下列几种：HTML事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序、IE事件处理程序、跨浏览器事件处理程序。其实这些方式就是一个逐步优化和实现跨浏览器的过程。1、HTML事件处理程序：直接在html的标签中添加事件属性，例如：&lt;div onclick="fun()"&gt;&lt;/div&gt;这样做很是不好，有下列两大缺点，这也是如今在开发...
JS事件类型有哪些
boundle_ss的博客
10-29 2991
JS事件类型有哪些？分别是什么？ JavaScript可以处理的事件类型为：鼠标类型、键盘类型和HTML类型！ 注意：所有的事件处理函数都由两个部分组成，on+事件名称。 例如：click事件，处理函数就是onclick！ 鼠标事件。 click：单击鼠标按钮时触发； dblclick：当用户双击主鼠标按钮时触发； mousedown：当用户按下鼠标还未弹起时触发； mouseup：当用户释放鼠标按钮时触发； mouseover：当鼠标移到某个元素上方时触发； mouseout：当鼠标移.
js中事件绑定3种方法以及事件委托
热门推荐
程序员秋风的博客
04-23 4万+
事件绑定首先，我先来介绍我们平时绑定事件的三种方法。 1.嵌入dom<button onclick="open()">按钮</button><script> function open(){ alert(1) } </script>2.直接绑定<button id="btn">按钮</button> <script> document.getElementById('btn'
javascript事件列表解说(转载)
"小灰"的专栏
10-26 3959
javascript事件列表解说事件浏览器支持解说一般事件onclickIE3、N2 鼠标点击时触发此事件ondblclickIE4、N4 鼠标双击时触发此事件onmousedownIE4、N4 按下鼠标时触发此事件onmouseupIE4、N4 鼠标按下后松开鼠标时触发此事件onmouseov
JavaScript事件
weixin_34381687的博客
11-09 471
JavaScript事件处理的方式(三种) 作者：青青鸟 字体：[增加 减小] 类型：转载 时间：2016-04-26 我要评论 最近这段时间因为每天要修改网站，为网站做特效，所以看了很多的js接触事件，自己只会使用一小部分，有时用的时候也比较混乱，现在系统的整理了一下，特此分享到脚本之家平台供大家参考下 最近这段时间因为每天要修改网站，为网站做特效，所以看了...
Javascript中点击（click）事件的3种写法
默茉的博客
04-18 1万+
方法一： <!DOCTYPE html> <html> <head> <title>Javascript中点击事件方法一</title> </head> <body> <button id="btn">click</button> <script type="text/javas...
关于点击click事件以及事件绑定的方式
Hello World
04-26 3万+
Javascript简单地为一个标签绑定事件写法（不单针对button标签）：<button onclick="click_fn()">click</button> <script> function click_fn(){ console.log(this); } </script>另一种是用DOM Document对象来绑定事件： （注：这
js 自定义事件的两种方式
yulin009的博客
07-07 8081
js 自定义事件的两种方式 方式1 创建事件对象： let customEvent = new CustomEvent('customEvent', { detail: { a: 1 } }) 分派事件： document.dispatchEvent(customEvent) ...
html怎么实现事件监听,js事件监听的几种方式
最新发布
06-07
在 JavaScript 中，事件监听可以通过以下几种方式实现： 1. 通过元素的属性来添加事件监听函数，例如： ```javascript const button = document.querySelector('button'); button.onclick = function() { ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值