DOM2级事件(addEventlistener和attachEvent之间的区别)

最新推荐文章于 2022-04-30 21:59:06 发布
最新推荐文章于 2022-04-30 21:59:06 发布
阅读量120 收藏
点赞数
原文链接：https://juejin.im/post/5c7c9211e51d45316e11725c
版权 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script>
    function sum() {
        // arguments; 类数组
        /*console.log(arguments instanceof Array);// true
        arguments.sort(function (a,b) {
            return a-b;
        })*/
        //arguments.prototype = Array.prototype; 因为只有函数才具有prototype属性，所以，不能这种方式更改；
        // 这种继承方式在IE10及以下是不兼容的；
        arguments.__proto__=Array.prototype;
        console.log(arguments);
        arguments.sort(function (a,b) {
            return a-b;
        });
        arguments.pop();
        arguments.shift();
        var t = 0;
        for(var i=0;i<arguments.length;i++){
            t+=arguments[i];
        }
        console.log(t / arguments.length);
    }
    //sum(97,96,100,90,92,85)
    Array.prototype.myPop = function () {
        var last = this[this.length-1]
        this.length--;
        return last;
    }
    var  ary =[12,3,4,6];
    ary.myPop();
    console.log(ary);
    //  push  shift  unshift    reverse  indexOf   slice  splice
</script>
</body>
</html>
复制代码
weixin_33827731
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
浅谈addEventListener和attachEvent的区别
09-02
在JavaScript中，处理DOM事件监听有两个主要的方法：`addEventListener` 和 `attachEvent`。这两个方法在功能上相似，但存在一些关键的区别，特别是在浏览器兼容性和事件处理方式上。 `addEventListener` 是W3C标准...
js学习总结之dom2级事件基础知识详解
10-19
首先，DOM2级事件引入了`addEventListener`和`removeEventListener`方法，允许开发者为同一元素的同一事件绑定多个不同的处理函数。例如，我们可以给`box`元素的`click`事件添加两个监听器： ```javascript box....
dom2级事件的addEventListener
qq_43516282的博客
05-07 239
语法：元素.addEventListener(type,listener,usecapture) listenner:监听函数 type：事件类型（没有on！） usecapture：默认false， false：冒泡机制 true：捕获机制 可给元素绑定多个函数，执行顺序按照函数的书写顺序 ...
JS事件---DOM2级事件处理：addEventListener()、removeEventListener()、attachEvent()
yhlysy的博客
07-16 633
事件处理有HTML事件处理、DOM0级事件处理、DOM2级事件处理。 HTML事件处理将事件看做标签的一个属性，与HTML混写，代码多时不容易管理。 DOM0级事件处理脚本方式添加事件，实现了HTML和JS的分离，但是它存在缺陷，例如：要为一个按钮添加点击事件，但只能为点击事件添加一个函数，不能同时添加多个函数，如果同时添加多个函数，则最后的函数将覆盖前面的函数。 DOM2级事件处理实现了H
DOM2级事件 addEventListener() 和IE attachEvent()的区别
vuturn的专栏
03-12 1683
DOM2级事件
DOM的addEventListener事件与IE的attachEvent事件的区别
anzheng6118的博客
05-24 79
首先看下addEventListener()事件代码 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3....
addEventListener之listener obj
weixin_30279671的博客
09-26 83
今天在学习iscroll源码的时候，发现它的addEventListener函数第二个事件传入的是 IScroll 这个对象，而不是一个函数。 // this 就是 IScroll 对象 eventType(this.wrapper, 'touchstart', this); eventType(target, 'touchmove', this); eventType(target,...
addEventListener和attachEvent二者绑定的执行函数中的this不相同
09-05
在JavaScript中，`addEventListener`和`attachEvent`都是用于向元素添加事件监听器的方法，但它们之间存在一些关键差异，特别是在处理`this`关键字时。`addEventListener`是W3C标准的一部分，被大多数现代浏览器支持...
Javascript处理DOM元素事件实现代码
12-09
但是浏览器有addEventListener和attachEvent方法可供调用，从而模拟出类似于C#中的事件委托的事件触发机制！ 代码如下: /* * 功能：事件处理 * Author：LQB * 时间：2009-1-4 * #include JCore.js */ var JEvents = ...
DOM事件探秘篇
08-31
3. DOM2级事件处理程序：引入了`addEventListener`和`removeEventListener`方法，可以添加和移除事件处理程序，同时支持事件捕获和冒泡。语法为`element.addEventListener('事件名', 处理函数, 使用捕获模式);`。第...
attachEvent兼容各浏览器事件（DOM2级事件的兼容处理）
骆小胖~
02-18 480
on&gt; &lt;script type="text/javascript"&gt; window.onload = function(){ // DOM2事件兼容 function addEvent(obj,ev,fn){ //obj为要绑定事件的元素，ev为要绑定的事件，fn为绑定事件的函数 if(document.addEventListener){ obj.addEventListener(ev
addEventListener参数和冒泡和捕获详细使用与说明
dupha的博客
04-30 5985
addEventListener第三参数冒泡和捕获详细说明 1.addEventListener参数说明 target.addEventListener(type, listener, useCapture); 参数一: type 表示监听事件类型的字符串。 参数二: listener 当所监听的事件类型触发时，会接收到一个事件通知（实现了 Event 接口的对象）对象。listener 必须是一个实现了 EventListener 接口的对象，或者是一个函数。有关回调本身的详细信息，请参阅事件监听回调
对象不支持attachEvent
sinat_39651661的博客
12-10 6390
win10系统使用IE11 浏览器在访问我们的服务器的时候出现错误：对象不支持“attachEvent”属性或方法。 IE11 浏览器按F12,之后，选择仿真，可以选择用户代理模式为IE8;文档模式，选择5即可； 在jsp页面的头部加了，这个jsp包含一个公共的jsp，而且页面也加载的也是那个公共的jsp，需要把这个meta加到了那个首先加载的jsp里面，就OK了 ...
浏览器不支持attachEvent事件解决方案及跨浏览器的事件处理程序方法
weixin_37861326的博客
08-10 8688
浏览器在事件处理程序上，根据现有及过往浏览器类型，总共有5种形式：查看5种事件处理程序详情 1）HTML事件处理程序 2）DOM0 级事件处理程序 3）DOM2 级事件处理程序 4）IE事件处理程序 5）跨浏览器的事件处理程序 在我们使用IE事件处理程序时，我们会用到两个函数attachEvent()和detachEvent()；因为目前IE11已经不再支持前述的两个函数了，当我们使用atta...
attachEvent方法调用JS Function
freesky_zh
07-04 155
用于HTML内代码层和UI层分离。 比如，你要给一个按钮增加一个单击事件，你会怎么做？ &lt;input type="button" id="theBtn" value="点击" onclick="alert('点击了一下');" /&gt; 明显的，它破坏了标签，如果下次要修改这个按钮不小心就会丢失。 attachEvent是为了将事件分离，如： &lt;input type=...
dom2事件处理代码
最新发布
05-28
DOM2事件处理包括三个步骤： 1. 获取事件目标元素 2. 给目标元素添加事件监听器 3. 处理事件 下面是一个例子： ``` // 获取目标元素 var btn = document.getElementById("myBtn"); // 给目标元素添加事件监听...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值