原生js--事件类型

最新推荐文章于 2023-11-20 16:42:15 发布

weixin_34153893

最新推荐文章于 2023-11-20 16:42:15 发布

阅读量153

点赞数

1、表单事件：

submit事件

reset事件

click事件

change事件

focus事件（不冒泡）（IE和ES5支持冒泡的focusin）

blur事件（不冒泡）（IE和ES5支持冒泡的focusout）

input事件（ES5 textinput提供更方便的获取输入文字的方案）

2、Window事件

load事件

DOMContentLoaded事件

readyStatechage事件

unload事件

beforeunload事件

resize事件

scroll事件

3、鼠标事件

click事件

dbclick事件

mouseover事件（冒泡）

mouseout事件（冒泡）

mousedown事件

mouseup事件

contextmenu事件

mouseenter事件（不冒泡）

mouseleave事件（不冒泡）

mousewheel事件（FF DOMMouseScroll事件、DOM3 wheel事件）

4、键盘事件

keydown事件

keyup事件

keypress事件

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34153893

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js原生事件

weixin_56499671的博客

04-11

317

JavaScript事件基础和事件绑定事件驱动 ![在这里插入图片描述](https://img-blog.csdnimg.cn/20210411230916797.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl81NjQ5OTY3MQ==,size_16,color_FFFFFF,t_70) 1.事件 JavaScript侦测到

JavaScript原生系列-事件代理(事件委托)、事件捕获、事件冒泡

pcaxb的专栏

09-09

816

转载请注明预见才能遇见的博客：http://my.csdn.net/ 原文地址：https://blog.csdn.net/pcaxb/article/details/100665670 JavaScript原生系列-事件代理(事件委托)、事件捕获、事件冒泡目录 1.事件委托作用 2.以往注册事件 3.用addEventListener(type,listener,useCaptur...

参与评论您还未登录，请先登录后发表或查看评论

原生js通过事件对象e获取Input自定义属性的值

qq_43574741的博客

07-20

1390

mydata为自定义属性，watch_num_1为触发的函数 <input type = "text" v-model = "num_1" mydata=10086 @input="watch_num_1"/> watch_num_1(e){ console.log(e); console.log(e.target.getAttribute('mydata')); 控制台输出：自定义属性就在： e.target.getAttribute('自定义属性名'); ..

关于原生js事件

is_monkey1的博客

03-23

256

js事件分为事件冒泡和事件捕获事件捕获:事件从最不精确的对象(document 对象)开始触发，然后到最精确(也可以在窗口级别捕获事件，不过必须由开发人员特别指定) 事件冒泡：事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。放一张示例图以便理解 js 事件绑定的三种方法 1.嵌入dom <div onclick="start()">按钮</div> <script> function start(){ alert('1')

JS事件类型

A__loser的博客

05-04

397

web浏览器中可能发生的时间有很多类型。如前所述，不同的事件类型具有不同的信息，而“DOM3级事件”规定了以下几类事件 UI（User interface，用户界面）事件，当用户与页面上的元素交互时触发；焦点事件，当元素获得或失去焦点时触发；鼠标事件，当用户通过鼠标在页面上执行操作是触发；滚轮事件，当用户使用鼠标滚轮（或者类似设备）时触发；文本事件，当在文档中输入文本时触发；键

JS的事件类型（详解）

weixin_46726346的博客

06-02

2454

摘要 Web浏览器可能发生的事件有很多种类型，而这一篇我们针对于不同的浏览器的事件类型来说明一下，我们从DOM3级事件中总结了一下几种类型的事件：事件类型作用意义 UI事件当用户在页面上的元素进行交互时触发焦点事件当元素获得或失去焦点时触发鼠标事件当用户通过鼠标在页面上执行操作时触发滚轮事件当使用鼠标滚轮时触发文本事件当在文档中输入文本时触发键盘事件当用户通过键盘在页面上执行操作时触发当然除了这些类型我们还有一些其他类型的事件，不过在这里

JS-:原生JavaScript动画组件库

05-27

综上所述，"JS-原生JavaScript动画组件库"涉及的技术点广泛，涵盖了JavaScript基础、DOM操作、动画原理、性能优化等多个方面。通过深入理解和实践这些知识点，开发者可以创建出高效且具有交互性的动画效果。

原生js ---- 二维码生成器demo

09-19

总结一下，这个“原生js ---- 二维码生成器demo”教给我们如何使用QRCode.js库和原生JavaScript来创建自定义的二维码。通过理解和实践这个示例，开发者能够更好地掌握二维码生成技术，并将其应用到各种Web项目中。...

原生JS--了解js

CSDN_GMC的博客

04-06

705

原生JS--了解js一. 什么是JavaScript面向对象解释型对象事件驱动相对安全性客户端脚本语言二. JavaScript的特点三. JavaScript的历史四. JavaScript的核心五. JavaScript能做什么六. 引入外部js文件七. js内联样式八. 基础数据类型(内置对象)九. 声明并使用变量和常量十.测试方法一. 什么是JavaScript javascrip...

原生JS经典小项目-DOM练习

05-18

在本项目"原生JS经典小项目-DOM练习"中，我们将深入探讨JavaScript与DOM（文档对象模型）的交互，这是Web开发中的核心技能。DOM是HTML和XML文档的编程接口，它允许我们通过JavaScript来查找、修改和操作页面元素。在...

JS中事件类型

Listner的博客

02-01

744

在页面运行中，通过触发特定元素的事件类型，可以触发该事件的绑定函数通用的事件类型有： onload 当页面加载完成时触发 window.onload = function(){} 当页面加载完成后用此方法包裹所有的内联js代码，可以解决js获取html标签时还未加载的情况，同时提高用户体验 onblur 失去焦点时触发标签名.onblur = function( ){ } onfoc...

JavaScript 事件类型

侯春强的博客

10-11

545

JavaScript 事件类型 JavaScript 可以处理的事件类型有很多，常见的有UI事件、焦点事件、鼠标事件、滚轮事件、文本事件、键盘事件。还有专门为触摸设备和移动设备准备的触摸事件、手势事件、屏幕方向改变等。注：冒泡事件即：事件会从层级高的传递给层级低的。

JavaScript：事件类型

山水子农

06-04

1100

我们把事件分为了三大类，分别是一般事件、表单事件和页面事件。当前我们可以再做细分： 1、UI事件：如load、unload、error、resize、scroll、select、DOMActive，是用户与页面上的元素交互时触发的。（1）、load事件事件类型 var image=document.getElementById("myImage"); EventUti

JS事件的几种类型

weixin_46421045的博客

06-10

292

<!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中常见的事件类型

wfly blog

11-14

507

键盘事件事件名称何时触发 keydown 按下任意按键。 keypress 除 Shift、Fn、CapsLock 外的任意键被按住。（连续触发。） keyup 释放任意按键。鼠标事件事件名称何时触发 auxclick A pointing device button (ANY non-primary button) has b...

JavaScript中的事件类型

最新发布

Blueskyzhw的博客

11-20

1342

1. 鼠标事件（Mouse Events）：包括点击、双击、鼠标移入移出、鼠标按下释放等。2. 键盘事件（Keyboard Events）：包括按键按下、按键释放、按键组合等。6. 窗口事件（Window Events）：包括窗口打开、窗口关闭、窗口刷新等。5. 触摸事件（Touch Events）：包括触摸开始、触摸移动、触摸结束等。4. 焦点事件（Focus Events）：包括元素获得焦点、元素失去焦点等。3. 表单事件（Form Events）：包括表单提交、表单重置等。

js事件类型总结

最自由的笑的博客

07-23

544

UI事件 load 当页面完全加载后触发 unload 当页面完全卸载后触发 abort 停止下载时，载入的内容没有加载完触发 error 发生错误时触发 select 当用户选择文本框中的一个或多个字符时触发 resize 当窗口大小发生变化时触发 scroll 当用户滚动带滚动条元素中的内容时，在该元素上面触发 ps：鼠标滚轮可以触发键盘上下键也可以触发焦点事件 blur 在元素失去焦点时触

js事件类型及处理

aciqe1836的专栏

05-16

435

1.事件类型 onClick单击事件 onMouseOver鼠标经过事件 onMouseOut 鼠标移出事件 onChange文本内容改变事件 onSelect文本框选中事件 onFocus光标聚集事件 onBlur移开光标事件 onLoad网页加载事件 onUnload关闭网页事件 2.事件处理 1.HTML事件处理直接添加到HTMl结构中 2.DOM0级事件处理

微信小程序原生 picker-view的使用

09-06

微信小程序的原生 picker-view 是一种可以进行滚动选择的组件。它可以在小程序中展示一个滚动的选择器，用户可以通过上下滑动来选择需要的选项。使用 picker-view 的步骤如下： 1. 在 wxml 文件中，通过<picker-view>标签来定义一个 picker-view 组件，可以通过style属性来设置它的样式。 2. 在 js 文件中，首先需要通过页面的setData()方法来初始化 picker-view 组件的数据源，使用数组的形式来表示选项。 3. 在 wxml 文件中，通过<picker-view-column>标签来定义 picker-view 中的每一列。可以使用wx:for属性来循环渲染每一列的选项。 4. 在 js 文件中，可以通过 onLoad()或者onShow()等生命周期方法来初始化 picker-view 组件的选中项。可以通过setData()方法更新 selected 属性的值来改变选中项。 5. 在 wxml 文件中，通过<view>标签来定义一个按钮或者其他交互元素，通过bindtap属性来绑定事件处理函数。 6. 在 js 文件中，实现事件处理函数，并通过setData()方法更新 selected 值以改变选中项。 7. 可以通过onPickerChange()等事件来监听 picker-view 的选中项改变的事件，并实现相应的逻辑。需要注意的是，picker-view 组件的数组类型数据源，每一项都需要有value和text两个属性，分别表示选项的值和显示文本。通过以上步骤，就可以在微信小程序中使用原生 picker-view 组件实现选择器的功能。用户可以滚动选择选项，并通过自定义的事件处理函数来获取选中项的值。