Javascript中添加事件（Event对象）的三种方式

最新推荐文章于 2024-06-19 14:30:50 发布
最新推荐文章于 2024-06-19 14:30:50 发布
阅读量7.1k 收藏 7
点赞数 1
分类专栏： Java课程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Liuxiaoyang1999/article/details/102759347
版权

目录

 

一、Javascript中event对象

二、Javascript中添加事件的三种方式

（1）通过在标签中为对应事件添加设定值来添加事件

（2）通过元素（Element）事件属性添加事件 

（3）通过元素（Element）事件监听器添加事件

一、Javascript中event对象

参考资料：JS Event对象详解

Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态，常用事件如下：

事件

触发时机

onchange

用户改变域的内容

onclick

鼠标点击某个对象

onfocus、onblur

元素获得焦点、失去焦点时触发

onkeydown
最低0.47元/天 解锁文章
炎魔巴洛克
关注
  • 1
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
以Event对象为例详述JavaScript中添加事件的三种方式
YJT180的博客
10-27 274
JavaScript中的Event事件 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态，常用事件如下： JavaScript中添加事件的三种方式 通过在标签中为对应事件添加设定值来添加事件 <!DOCTYPE html> <html> <head> <meta ...
JS中动态添加事件(绑定事件)的代码
12-04
两种方式：直接给对象添加事件,节点添加事件 例如给一个id为tab1的添加onclick事件 第一种情况： 代码如下: var t = document.getElementById(“tab1”); t.onclick = function tst(){ alert(”); } 第二种情况 代码如下: var tb = document.getElementById(“tab1”); if(window.addEventListener){ // Mozilla, Netscape, Firefox td_value.addEventListener(‘click’, alert(’1
关于addEventListener的使用和注意项
最新发布
yiguoxiaohai的博客
06-19 577
关于addEventListener的使用和注意项
JavaScript中的Event对象用法
robyjeffding的专栏
04-26 1241
在JS中对于Event对象，大家都不陌生，其本身属性和方法在做页面特效或者特殊处理中能够大大地派出用场，现整理一下EVENT对象相关属性和方法使用。Event属性和方法：<br /><br />1. type：事件的类型，如onlick中的click；<br /><br />2. srcElement/target：事件源，就是发生事件的元素；<br /><br />3. button：声明被按下的鼠标键，整数，1代表左键，2代表右键，4代表中键，如果按下多个键，酒把这些值加起来，所以3就代表左右键同时按下
JavaScript添加事件的三种方法
ANFO的博客
10-22 5135
一.事件 Event 对象代表事件的状态，比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态，常用事件如下： 事件 触发时机 onchange 用户改变域的内容 onclick 鼠标点击某个对象 onkeydown 某个键盘的键被按下时触发 onload 某个页面或图像被完成“加载” onsubmit 提交按钮被点击 ...
Js添加事件
widenstage的专栏
05-20 570
直接看代码： Event window.onload = function(){ var bt = document.getElementById("btn2"); bt.onclick=click2; } function click
用JS 对对象添加事件
weixin_33752045的博客
07-19 96
第一种情况： IE7和FIRFOX有效 var td =  document.getElementById("td");     td.onclick = function test()   {       alert('');   }  var td =  document.getElementById("td");td.onclick = function test(){ alert('')...
javascript中为某个元素指定事件的三种方式
10-25
在JavaScript中，为某个元素指定事件是常见的交互设计方式，主要分为三种方法：使用`onclick`属性、在JavaScript中设置`onclick`属性以及使用`addEventListener`方法。这三种方法各有特点，下面将详细阐述它们的用法...
2.01 JavaScript基础事件以及Event对象（原生态）.pdf
10-27
本文将详细介绍 JavaScript 中的基础事件和 Event 对象，包括事件的定义、EventTarget 接收事件接口、addEventListener、removeEventListener、dispatchEvent 方法 serta JavaScript 中常用的事件等。 事件的定义 -...
浅析javascript中的Event事件
11-26
- 当事件发生时，浏览器会创建一个包含所有事件相关信息的对象，即event对象，它包含了如坐标、按键状态等信息。 - 在事件处理函数中，可以访问这个事件对象以获取详细信息。 - 在IE和标准浏览器中，事件对象的...
探究JavaScript中的五种事件处理程序方式
10-20
本文将详细阐述JavaScript中的五种事件处理程序方式，帮助开发者更好地理解和使用这些机制。 1. HTML事件处理程序 这是最基础的事件处理方式，通过在HTML元素中直接添加以"on"开头的属性来指定事件处理程序。例如，...
JavaScript事件学习小结（三）js事件对象
11-23
本篇文章主要探讨JavaScript事件对象，以及在不同浏览器环境下的使用方式。 一、事件对象的基本认识 事件对象`event`包含了与特定事件相关的一系列数据。例如，鼠标点击事件会产生一个包含鼠标位置和按钮状态的事件...
JS中为一个对象添加事件
weixin_34009794的博客
11-24 303
例如：在js中，为一个button添加onclick事件可以这样写： button.onclick=ClickEvent; ClickEvent是一个函数。这样在ClickEvent没有参数的时候是可以的，但在ClickEvent需要一个参数的时候，就不行了。这时可以这样添加： button.attachEvent("onclick",function(){ClickEv...
JS中事件的添加
Dear_Mr的博客
10-30 4080
在JS中，事件的添加主要有三种方式： 1. 直接在html标签上添加 <div onclick="代码段或者是函数">div</div> 这种方法也可以通过JS的obj.setAttribute("onclick", function(){........}完成2. 使用JS的DOM的方法添加 document.getElementById('div').onclick = function
js中添加事件的方法
Rockandrollman的博客
01-10 1341
常见的方法有3种，如上方代码所示，选取适合的方式使用即可。js中添加事件的方法。
动态添加JS 事件
开满向日葵的地方
06-13 7770
<br />Javascript为元素动态的添加事件包括两种情况： <br />不带参数的事件和带参数的事件。 <br />一、不带参数的事件： <br />两种方式：直接给对象添加事件,节点添加事件 <br />例如给一个id为tab1的添加onclick事件 <br />第一种情况： <br />var t = document.getElementById("NewTitle"); <br />t.onclick = function showmsg(){ <br />    alert('Hello
JS 给标签添加事件
weixin_42136237的博客
06-27 391
JS 给标签添加事件
js中添加事件的三种方法
qq_42577176的博客
01-08 3709
1. <input onchange="handle(event)"/> function handle(e){ console.log(e.target.value) } 2 const btn = document.querySelector('.btn'); btn.addEventListener('click', () => { console.log('dianji').
JavaScript/JS如何给元素对象添加事件
liaowenxiong的博客
09-05 933
使用普通的 js 代码给元素对象添加事件 绑定事件，添加事件处理程序： var obj = document.getElementById("name"); obj.onclick = f1; function f1(){ alert("hello!"); } 说明：函数名 f1 就是一个引用数据类型的变量，指向一个函数对象。 使用 jquery 给元素对象添加事件 给 div 元素绑定 mouseenter 事件，并注册监听器（即函数）。 $(function () { // 给 div 元素绑定 m
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值