展开

关键词

attachEvent和addEventListener区别

}else{ element["on"+type] = handler; //DOM0级 } }; addEventListener btn1Obj.attachEvent("onclick",method3); // 执行顺序为 method3->method2->method1 // 如果是Mozilla系列,并不支持该方法,需要用到addEventListener

31020

移动端(video) transformOringe addEventListener

background: black; } </style> </head> <body>

<script type="text/javascript"> /*addEventListener ("load",function() { alert(1); },false); addEventListener("load",function() { alert */ /*function show() { alert(1); div1.removeEventListener("click",show); } div1.addEventListener

16830
  • 广告
    关闭

    什么是世界上最好的编程语言?丨云托管征文活动

    代金券、腾讯视频VIP、QQ音乐VIP、QB、公仔等奖励等你来拿!

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    addEventListener() 方法,事件监听

    转载  白杨-M  http://www.cnblogs.com/baiyangyuanzi/p/6627401.html addEventListener() 方法,事件监听 你可以使用 removeEventListener sometext; }); 传递参数 当传递参数值时,使用"匿名函数"调用带参数的函数: var p1 = 5; var p2 = 7; document.getElementById("myBtn").addEventListener addEventListener() 方法可以指定 "useCapture" 参数来设置传递类型: addEventListener(event, function, useCapture); 默认值为 document.getElementById("myDiv").addEventListener("click", myFunction, true); removeEventListener() 方法 removeEventListener() 方法移除由 addEventListener() 方法添加的事件句柄: element.removeEventListener("mousemove", myFunction

    70180

    js-addEventListener()第三个参数useCapture

    js-addEventListener()第三个参数useCapture 概述: 第3个参数叫做useCapture,是一个boolean值,就是true or false 。 document.getElementById('div2' ), oDvi3 = document.getElementById('div3' ); // 123- > 456- > 345 oDvi1.addEventListener ('click',xx1,true ); oDvi2.addEventListener( 'click',xx2,false ); oDvi3.addEventListener( 'click',xx3

    26320

    Javascript 的addEventListener()及attachEvent()区别分析

    Mozilla中:  addEventListener的使用方式:  target.addEventListener(type, listener, useCapture);  target: 文档节点 例如:document.getElementById("testText").addEventListener("keydown", function (event) { alert(event.keyCode (event) { alert(event.keyCode); }, false);  适应的浏览器版本不同,同时在使用的过程中要注意  attachEvent方法 按钮onclick IE中使用  addEventListener (不支持Mozilla系列)  addEventListener方法 用于 Mozilla系列  举例: document.getElementById("btn").onclick = method1 = “undefined” 程序代码可以判断使用者的浏览器是否支持AddEventListener这个事件模型, 如果不支持就使用attachEvent.

    55860

    事件冒泡和传播

    ; }, false); div2.addEventListener('click', () => { alert("hello world! 你点击的是内框"); }, false); div3.addEventListener('click', () => { alert("hello world! ; }, false); div2.addEventListener('click', () => { alert("hello world! ; }, true); div2.addEventListener('click', () => { alert("hello world! ; }, false); div2.addEventListener('click', () => { alert("hello world!

    33760

    js事件冒泡

    addEventListener()方法 这个方法设定一个事件监听器,当某一事件发生通过设定的参数执行操作。 语法是: addEventListener(event, function, useCapture) 参数 event 是必须的,表示监听的事件,例如 click, touchstart 等,就是之前不加前缀 ) 参数与addEventListener()一致。 兼容性 IE 8及更早的版本,和Opera 7.0及更早的版本,不支持 addEventListener() 和 removeEventListener() 方法,他们使用的是一下方法代替: 添加事件: ('click',function(){ console.log("div1--冒泡阶段") }); div2.addEventListener(

    26542

    js 事件冒泡和事件捕获

    ('click', function () { alert('hello'); }); obj2.addEventListener('click', function () { alert('world'); }) obj3.addEventListener('click', function () { alert('obj3'); () { alert('world'); },true) obj3.addEventListener('click', function () { alert( ps:IE8和IE8以下的版本不支持addEventListener(),而是采用attachEvent()来实现事件绑定。目前只有IE和Opera支持attachEvent()。 IE9支持addEventListener(),同时也兼容IE8的attachEvent()方法,但是IE9和IE8对attachEvent()的实现有点不同。

    8430

    鼠标滚轮事件

    div1.onmousewheel= function () { alert(1); }; if(div1.addEventListener ){ div1.addEventListener('DOMMouseScroll',function(){ alert(0); ){ div1.addEventListener('DOMMouseScroll',fn,false); } function } return false; //阻止的是obj.on事件名称所触发的默认行为, // ff是通过addEventListener --ff:DOMMouseScroll 必须用addEventListener实现绑定--> </body> </html>

    44410

    面试官:什么是js中的事件流以及事件模型?

    () addEventListener() 方法用于向指定元素添加事件句柄。 ('btn2') },true) btn3.addEventListener('click',function (){ alert('btn3') },true) </script> addEventListener()冒泡演示 还是同样的代码,只是这里我们将addEventListener()的最后一个参数改为false,将执行过程设置为冒泡。 Tips:因为addEventListener()最后一个参数默认就是false(冒泡),所以不写也可以 <div id="btn1" style="height: 150px;width: 150px ('btn2') },false) btn3.<em>addEventListener</em>('click',function (){ alert('btn3') },false) 看一下执行情况

    9510

    javascript事件之捕获阶段和冒泡阶段

    function fn1() { console.log(this.tagName); } Div1.addEventListener ('click', fn1, false); body[0].addEventListener('click', fn1, false); html[0] .addEventListener('click', fn1, false); } </script> </head> <body id="body"> <div id= 代码: Div1.addEventListener('click', fn1, true); body[0].addEventListener('click', fn1, true); html[0]. addEventListener('click', fn1, true); 结果: ?

    22530

    JavaScript HTML DOM EventListener

    addEventListener() 方法 实例 在用户点击按钮时触发监听事件: document.getElementById("myBtn").addEventListener("click", displayDate ); addEventListener() 方法用于向指定元素添加事件句柄。 addEventListener() 方法可以更简单的控制事件(冒泡与捕获)。 当你使用 addEventListener() 方法时, JavaScript 从 HTML 标记中分离开来,可读性更强, 在没有控制HTML标记时也可以添加事件监听。 addEventListener() 方法可以指定 "useCapture" 参数来设置传递类型: addEventListener(event, function, useCapture); 默认值为

    9920

    js 事件笔记

    3.2 addEventListener使用 addEventListener有三个参数 事件类型 事件处理方法 布尔参数,如果是true表示在捕获阶段调用事件处理程序,如果是false,则是在事件冒泡阶段处理 和制定事件处理程序的不同,一个是对属性赋值,另外一个addEventListener是执行一个函数,可以多次执行 ? 3.4 removeEventListener解绑事件 通过addEventListener添加的事件处理程序只能通过removeEventListener移除,移除时参数与添加的时候相同 添加的匿名函数无法移除 ('click', function(){ console.log('click') console.log(this) }) $('#btn1').addEventListener //this.style.borderColor = 'blue' this.classList.add('hover') }) $('.ct1').addEventListener('

    2.2K21

    FlashFlex学习笔记(40):弹性运动续--弹簧

    (Event.ENTER_FRAME,EnterFrameHandler); ball_1.addEventListener(MouseEvent.MOUSE_DOWN,MouseDownHandler ); ball_2.addEventListener(MouseEvent.MOUSE_DOWN,MouseDownHandler); stage.addEventListener(MouseEvent.MOUSE_UP ,MouseUpHandler); stage.addEventListener(MouseEvent.MOUSE_MOVE,function(){DrawLine();}); ball_1.addEventListener (MouseEvent.MOUSE_OVER,MouseOverHandler); ball_1.addEventListener(MouseEvent.MOUSE_OUT,MouseOutHandler ); ball_2.addEventListener(MouseEvent.MOUSE_OVER,MouseOverHandler); ball_2.addEventListener(MouseEvent.MOUSE_OUT

    29650

    一篇文章带你了解JavaScript 事件监听

    一、addEventListener()方法 addEventListener()方法将事件处理程序附加到指定的元素。 可以重写随机颜色,如下所示: 例: <! 将addEventListener()方法附加到按钮上。addEventListener()接受两个必填参数-要监听的事件和监听器回调函数。 1. 将事件监听添加到元素 将所有代码放入addEventListener()方法中的匿名函数中是非常合适的,如下所示: <script> let para = document.querySelector( 我们可以在同一元素上设置多个事件监听,如以下示例所示: <script> document.querySelector("button").addEventListener("click", myFunc 将事件监听添加到Window对象 此外,可以addEventListener()在文档和窗口对象上使用。

    14240

    从零开始学 Web 之 DOM(六)为元素绑定与解绑事件

    事件处理函数(命名函数或者匿名函数) // 参数3:false // 兼容性:chrome,firefox支持,IE8不支持 my$("btn1").addEventListener ("click", function() { alert("1"); },false) my$("btn1").addEventListener( "click", function() { alert("2"); },false) my$("btn1").addEventListener(" 有三个参数,attachEvent有两个参数; addEventListener中事件的类型没有 on,attachEvent中事件的类型有on; chrome,firefox 支持 addEventListener ,IE8不支持; chrome,firefox 不支持 attachEvent ,IE8支持; 事件中的 this 不同,addEventListener 中的 this 是当前绑定的对象; attachEvent

    19730

    Event(事件)的传播与冒泡

    borderWidth': '4px' }); }, time); } //捕获 $body[0].addEventListener -
    "); setBorderColor($body,'#0866ff ',0,event); },true); $wrap[0].addEventListener function(event){ setBorderColor($btn,'red',0,event); },true); $btnReject[0].addEventListener setBorderColor($btnReject,'gray ',0,event); },true); //冒泡 $body[0].addEventListener event){ setBorderColor($wrap,'yellow',2000,event); },false); $cont[0].addEventListener

    49390

    默认行为及阻止

    blog.touchczy.top" id="t1">点击跳转链接 <script type="text/javascript"> document.getElementById("t1").addEventListener <input id="t3" /> <script type="text/javascript"> document.getElementById("t3").addEventListener( <input id="t4" type="checkbox" /> <script type="text/javascript"> document.getElementById("t4").addEventListener ("keydown", (e) => { e.preventDefault(); }) document.getElementById("t4").addEventListener ("click", (e) => { e.preventDefault(); }) document.getElementById("t5").addEventListener

    25130

    相关产品

    • 云服务器

      云服务器

      云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。 腾讯云服务器(CVM)为您提供安全可靠的弹性云计算服务。只需几分钟,您就可以在云端获取和启用云服务器,并实时扩展或缩减云计算资源。云服务器 支持按实际使用的资源计费,可以为您节约计算成本。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券