Js中的事件

偏执的太偏执、 2022-06-10 00:46 126阅读 0赞

**一、鼠标事件**

**1. mouseDownAction //鼠标按下的时候触发**

**2. mouseMoveAction //鼠标移动的时候触发**

**3. mouseUpAction //鼠标弹起的时候触发**

**二、双向绑定**

**oninput事件**

如：

输入1： < **input** **type=** **"text"** **οninput=** **"bang(this)"** />

< **br** />

输入2： < **input** **type=** **"text"** **οninput=** **"bang(this)"** />

**function** bang(cell)\{

**in2** . **value** =cell. **value** ;

**in1** . **value** =cell. **value** ;

\}

**三、事件触发的方式**

**1. 冒泡方式（默认的方式）**

默认是冒泡方式，即最先相应最上面的元素，依次向下

如：

div1.addEventListener("click",click1,false);false

2. 捕获方式

参数为true  是捕获方式，从父级元素向内响应

3. 阻止冒泡

①. e.stopPropagation阻止冒泡

②. e.cancelBubble=true;（ 老IE用，不是通用方法！！ ）

**四、其他总结**

1. e.currentTarget  当前响应事件的对象

2. e.target 事件源的对象

详细请看我的笔记：

[http://note.youdao.com/noteshare?id=0a7e8dfe0b2be245e2a2a0bef97cbd93&sub=B119A592DECC4D6AB311144D5572DFD8][http_note.youdao.com_noteshare_id_0a7e8dfe0b2be245e2a2a0bef97cbd93_sub_B119A592DECC4D6AB311144D5572DFD8]

[http_note.youdao.com_noteshare_id_0a7e8dfe0b2be245e2a2a0bef97cbd93_sub_B119A592DECC4D6AB311144D5572DFD8]: http://note.youdao.com/noteshare?id=0a7e8dfe0b2be245e2a2a0bef97cbd93&sub=B119A592DECC4D6AB311144D5572DFD8

发表评论取消回复

表情：

评论列表（有 0 条评论，126人围观）

还没有评论，来说两句吧...

相关阅读

相关 js中的事件

1.鼠标事件 ①onclick:点击 ②dblclick;双击 ③mouseover;鼠标进入 ④mouseout;鼠标移出 ⑤mousedown;移...

柔情只为你懂/ 2024年04月18日 19:09/ 0 赞/ 4 阅读

相关 JS中的事件

1、常用事件焦点类、点击类、键盘类、鼠标类、表单类、文本类 1、焦点类 blur 失去焦点（失焦） focus 获得焦点（聚焦） ![2ce14e078c974

缺乏、安全感/ 2024年04月03日 08:45/ 0 赞/ 16 阅读

相关 js中事件委托

`经典面试题` 一张图看懂事件委托 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR

亦凉/ 2022年12月05日 13:50/ 0 赞/ 148 阅读

相关 js中的滚轮事件

描述：实现鼠标滚动时（向下），div变高，向上，变短 onmousewheel 鼠标滚轮事件，但火狐中不支持火狐中使用DOMMouseScroll来绑定滚动事件

末蓝、/ 2022年11月29日 14:29/ 0 赞/ 159 阅读

相关 js中的键盘事件

本文转自：http://www.cnblogs.com/rubylouvre/archive/2009/08/20/1550526.html 在进入正题前，我们看一下浏览器对

Dear 丶/ 2022年09月17日 12:25/ 0 赞/ 163 阅读

相关 js中的事件捕获与事件冒泡

[链接1][1] [链接2][2] [1]: http://www.jb51.net/article/42492.htm [2]: http://www.jb5

我会带着你远行/ 2022年07月15日 07:24/ 0 赞/ 176 阅读

相关 JS中的事件冒泡和事件捕获

谈起JavaScript的事件，事件冒泡、事件捕获、阻止默认事件这三个话题，无论是面试还是在平时的工作中，都很难避免。事件捕获阶段：事件从最上一级标签开始往下查找，直到捕

女爷i/ 2022年07月14日 14:24/ 0 赞/ 169 阅读

相关 Js中的事件

一、鼠标事件 1. mouseDownAction //鼠标按下的时候触发 2. mouseMoveAction //鼠标移动的时候触发 3. mouseUpAc

偏执的太偏执、/ 2022年06月10日 00:46/ 0 赞/ 127 阅读

相关 JS中的事件监听

1、简单事件（重复事件会被覆盖） var box = document.getElementById( "box" ); box.onclick

淡淡的烟草味﹌/ 2022年06月09日 10:37/ 0 赞/ 193 阅读

相关 JS 中的事件绑定、事件监听、事件委托

1.事件绑定要想让 JavaScript 对用户的操作作出响应，首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数，就是处理用户操作的函数，不同的操作对应不同的名称

待我称王封你为后i/ 2022年03月08日 16:59/ 0 赞/ 363 阅读