js事件 event.target

我们购物车里,会时不时增加和删除产品时,就会绑定事件和解绑的动作。

<ul>

  <li></li>

  <li></li>

</ul>

例子:在li上未来绑定事件,

$(‘ul‘).on(‘click‘,‘li‘,function(){

  $(this).remove();

});

例子:在ul上绑定事件

$(‘ul‘).on(‘click‘,function(event){

  var This=event.target;

  $(This).remove();

})

时间: 2024-10-14 03:17:06

js事件 event.target的相关文章

js中event.target,this

event.target这是注册事件时的对象,或者它的子元素.通常用于比较 event.target 和 this 来确定事件是不是由于冒泡而触发的.经常用于事件冒泡时处理事件委托. 1.this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> span, s

js事件(Event)知识整理

事件(Event)知识整理,本文由网上资料整理而来,需要的朋友可以参考下 鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemove 如果按下鼠标上的设备(左键,右键,滚轮--),则触发mousedown 当设备弹起的时候触发mouseup 目标元素的滚动条发生移动时(滚动滚轮/拖动滚动条..)触发scroll 滚动滚轮触发mousewheel,这个要区别于scroll 鼠标移出元素的那一刻,触发mouseout 事件注册 平常

js事件(Event)知识整理[转]

1 事件注册 2 3 平常我们绑定事件的时候用dom.onxxxx=function(){}的形式 4 这种方式是给元素的onxxxx属性赋值,只能绑定有一个处理句柄. 5 但很多时候我们需要绑定多个处理句柄到一个事件上,而且还可能要动态的增删某个处理句柄 6 下面的事件注册方式就能解决这个需求. 7 8 先介绍一下四个方法 9 10 复制代码 代码如下: 11 12 13 //IE以外 14 target.addEventListener(type,listener,useCapture) 1

JS 事件 Event

注册事件 target.addEventListener(type, listener, options); 或者 target.addEventListener(type, listener, useCapture); //第三个选项为布尔值,表示是否启用事件捕获,默认不启用false 事件类型参考 https://developer.mozilla.org/zh-CN/docs/Web/API/Event 删除事件 target.removeEventListener(type, liste

jS事件:target与currentTarget区别

target在事件流的目标阶段:currentTarget在事件流的捕获,目标及冒泡阶段.只有当事件流处在目标阶段的时候,两个的指向才是一样的, 而当处于捕获和冒泡阶段的时候,target指向被单击的对象而currentTarget指向当前事件活动的对象(一般为父级). 1 <div id="outer" style="background:#099"> 2 click outer 3 <p id="inner" style=&

event.currentTarget与event.target

无意中在一段源码里看到event.currentTarget这个属性,这个与熟悉的event.target还是有所差别的. event.target是指事件发生的源,在哪个元素上发生的.event.currentTarget 就是通过addEventListener绑定的DOM元素.事件是可以通过冒泡进行传递的.通过冒泡触发的事件event.target 跟event.currentTarget是不相同的元素. 引用网上的一段英文:Event objects also have target p

JS之Event事件

<script> function ff(event) { var e = window.event||event;//Event对象:发生当前事件的状态 // var src = e.srcElement||e.target;//获得事件中的value值 var c = e.keycode||e.charCode;//获得键盘输入的值的编码 // alert(e); // alert(src.value); alert(c); } /** var e; if(window.event){ e

jQuery 事件注册和绑定及this与event.target的区别浅析

最近小码哥,在研究学习nodejs以及相关框架webpack.express.reactjs等等,为了将来,为了RMB,小码哥牢记自我充电,以备不时之需. 在学习reactjs的时候,在前辈ruanyifeng的博文里看到了一个以前没怎么注意的知识点.是与this和event.target之间的区别有关的.当时感觉就蒙了,发现event.target貌似印象不深啊,,瞬间小码哥开启了奔跑模式,,, 各种baidu,各种Chrome biying等等,发现区分不难,就是比较细致.不细分析,有点晕!

window.event.srcElement与window.event.target 触发事件的元素 触发事件对象的获取(非常重要)

判断事件触发的元素:     var tag = window.event.target || window.event.srcElement;    if (tag.tagName.toLowerCase() == "input") {        return;    } window.event.srcElement与window.event.target 都是指向触发事件的元素,它是什么就有什么样的属性 srcElement是事件初始化目标html元素对象引用,因为事件通过元