JavaScript中on事件

最新推荐文章于 2023-09-05 11:39:41 发布
最新推荐文章于 2023-09-05 11:39:41 发布
阅读量1.4k 收藏 5
点赞数
分类专栏： Javascript 初学者 ecmascript 文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_44738313/article/details/125678633
版权

事件

鼠标事件

  • 单击 chlick
  • 双击 dblchlick
  • 右击 contextmenu
  • 鼠标移入 mouseover
  • 鼠标移出 mouseout
  • 鼠标进入 mouseenter
  • 鼠标离开 mouselevea
  • 鼠标按下 mousedown
  • 鼠标抬起 mouseup
  • 鼠标移动 mousemove

键盘事件

  • 键盘抬起 keyup
  • 键盘按下 keydown
  • 键盘按下(功能键不实现) keypress

表单事件

  • 输入 input
  • 重置 reset
  • 提交 submit
  • 选择 change
  • 获取焦点 focus
  • 失去焦点 blur

触摸事件

  • 开始触摸 touchstrat
  • 触摸中 touchmove
  • 触摸结束 touchend

window事件

  • 页面中所有的图片，文字，样式…都加载完毕之后加载 load
  • 移动滚动条 scroll
  • 改变窗口尺寸大小 resize
  • 切换选项卡 visibilitychange => visibilityState="hidden/
刘某～
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js代码触发事件　函数列表
10-19 2711
onabort 当用户中断下载图像时触发。 onactivate 当对象设置为活动元素时触发。 onafterprint 对象所关联的文档打印或打印预览后立即在对象上触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecopy 当选中区复制到系统剪贴板之前在源对象触发。
js 事件绑定on()的用法，以及对于其他绑定事件的比较
热门推荐
vivian_wang07的博客
05-12 1万+
一： 函数绑定
【JavaScript】事件
Superman_H的博客
08-19 405
# 事件的使用 ## 绑定事件 1. DOM0 写法：`dom.on事件类型 = listener` 2. DOM2 写法：`dom.addEventListener('事件类型', listener, 配置对象)` `listener` 可以被指定为一个回调函数 / 对象（其 `handleEvent()` 方法用作回调函数）。 例如，一个可同时处理 `fullscreenchange` 和 `fullscreenerror` 事件的函数如下： ```js function e
Javascript 常用on事件
YSKBO743639220的博客
04-25 2160
onclick 鼠标点击事件 ondblclick 鼠标双击事件 onmousedown 鼠标上的按钮被按下了 onmouseup鼠标按下后，松开时激发的事件 onmouseover 当鼠标移动到某对象范围的上方时触发的事件 onmousemove 鼠标移动时触发的事件 onmouseout 当鼠标离开某对象范围时触发的事件 onkeypress当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象] onkeydown当键盘上某个按键被按下时触发的事件[注意:页面内必须有被聚焦的对象
JS基础9
weixin_64925940的博客
03-28 699
事件，定义，绑定，事件对象event，光标位置属性，鼠标事件，盒子随鼠标移动，表单事件，浏览器事件，键盘事件，触摸事件是，焦点事件，事件监听，事件传播，事件委托，阻止事件传播
JavaScript事件
weixin_58562753的博客
11-24 74
1.onload 加载完成事件： 页面加载完成之后，常用于做页面 js 代码初始化操作。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script type="text/javascript"> /* */ // o
JavaScript中的事件处理
10-30
JavaScript中的事件处理是编程中非常关键的一环，它赋予了网页动态性和交互性。事件处理的概念简单来说就是：当一个特定的事件发生时，执行相应的处理程序，使得程序能够对用户的操作做出响应。事件处理主要涉及到...
JavaScript中的onerror事件概述及使用
10-27
JavaScript中的`onerror`事件是用于捕获和处理运行时错误的重要机制，它可以在脚本执行过程中遇到问题时提供一种优雅的错误处理方式。当页面上的JavaScript代码出现异常或者图片等资源无法正常加载时，`onerror`事件...
理解JavaScript中的事件
01-19
在很多语言的学习中，“事件”都是一个比较难理解，但是又是一个很重要的概念。javascript中的事件处理也是一样，正因为有了... type：事件的类型，就是HTML标签属性中，没有“on”前缀之后的字符串，例如“Click”就代
JavaScript中的所有on事件
12-10
JavaScript中的所有on事件介绍
JavaScript常用事件介绍
12-12
在JavaScript中，还可以通过`addEventListener`和`removeEventListener`方法动态地添加和移除事件监听器，这提供了更大的灵活性。另外，随着HTML5的引入，出现了新的事件类型，如`oninput`，它在表单元素值改变时...
js封装方法
最新发布
qq_38446277的博客
09-05 75
Js平常使用中封装的一些方法
JS - jquery中 on 的几种用法
qq_37131747的博客
03-15 314
Js - jquery中 on 的几种用法
JavaScript简介
chenxingxingxing的博客
03-10 350
文章目录一、几种常用对象1、function（方法）对象2、Array（数组）对象3、RegExp（正则表达式）对象二、几种常用事件1、onload事件2、onclick事件3、onblur事件4、onchange事件5、onsubmit表单提交事件三、DOM模型1、document简介2、document下面的几个常用方法 一、几种常用对象 1、function（方法）对象 1.三种定义方式： var fun = new Function(形参列表，方法体); function 方法名（形参列表）{
js相关事件
qq_50721840的博客
03-30 460
js事件是指我们使用鼠标或键盘做了某些事件来触发对应的处理函数。所有的事件都是以on开头，分为三类：鼠标事件，键盘事件，HTML事件。由三部分组成：触发事件的元素，对应的事件，事件的处理函数。分为以下四种模式： 内联模式1 <button onclick="alert('hello')">点击</button> 内联模式2 <button onclick="自己定义的函数名( )">点击</button> 脚本模式1 doucument.ge
javascript中事件绑定的on和addEventListener的区别
qq_68805187的博客
05-10 461
4. 兼容性：`on` 属性是早期浏览器提供的事件绑定方式，而 `addEventListener` 方法是后期推出的标准事件绑定方式。考虑到浏览器的兼容性问题，现在更推荐使用 `addEventListener` 方法来绑定事件，而不是使用 `on` 属性。2. 事件绑定的时间：使用 `on` 绑定事件的方式是直接在元素上为其设置属性，因此只能在元素创建时绑定事件。1. 响应方式：使用 `on` 绑定事件只能绑定一个响应函数，而使用 `addEventListener` 可以绑定多个响应函数。
JavaScript之事件触发on和事件监听addEvent及addEventListener的区别和作用
LaoYe的博客
12-13 2344
一、on事件 为dom节点添加多个on事件只会执行最后的那个事件，因为最后的指定的on事件指向最后的那个函数，代码如下所示： function method1(){ console.log('我是方法1') } function method2(){ console.log('我是方法2') } function method3(){ console.log('我是方法3') } v...
javascript中的form.on
05-26
form.on 是一个事件监听器，用于监听 HTML 表单元素上的事件。具体来说，form.on 可以用来监听以下事件： - submit：表单提交事件。 - reset：表单重置事件。 - change：表单元素值改变事件。 - input：表单元素输入事件。 例如，可以使用以下代码来监听表单提交事件： ```javascript const form = document.querySelector('form'); form.onsubmit = function(event) { event.preventDefault(); // 阻止表单提交 // 处理表单提交逻辑 }; ``` 需要注意的是，form.on 只能同时监听一个事件，如果需要监听多个事件，需要使用 addEventListener 方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值