attachEvent传递参数

JavaScript中有时会用到给Html动态添加事件,在传递参数中需要注意下.
下例中注释掉的部分运行会出问题,有人说这属于JavaScript闭包的问题
至于何为闭包,管它的了.

<html>
<head>
    <title>无标题页</title>
</head>
<body>
    <input id="Text1" type="text" />
    <input id="Text2" type="text" />
</body>
<script>
    var f = function(k)
    {  
        return function()
        {  
            alert(k);  
        }  
    }
//  var f2 = function(k2)
//  {
//      alert(k2);
//  }
    var ctls = document.getElementsByTagName("input");
    for(var i=0;i<ctls.length;i++)
    {
        if (ctls[i].type=="text")
        {
            ctls[i].attachEvent("onclick",f(i));
            //ctls[i].attachEvent("onclick",f2(i));
        }
    }
</script>
</html>

你可能感兴趣的:(attachEvent)

  • Gantt - attachEvent所有事件(归类、索引) Ariel_提拉米苏 Gantt-DHXjavascript前端甘特图
    attachEvent事件监听:attachEvent事件监听https://mp.csdn.net/mp_blog/creation/editor/121919688无参数事件:无参数事件https://mp.csdn.net/mp_blog/creation/editor/122109224onAfterBatchUpdate:-批量更新后onAfterLightbox:-关闭灯箱后onBef
  • JS基础-事件模型(事件&事件流&自定义事件&事件冒泡/代理) LYFlied html&浏览器javascript事件模型事件流前端面试
    文章目录一、事件与事件流二、事件模型1.DOM0级模型2.IE事件模型3.DOM2级模型4.DOM3级事件处理方式三、事件对象四、事件绑定与解除1.事件绑定1.1对象.on事件名字=事件处理函数1.2.对象.addEventListener("没有on的事件名字",事件处理函数,false)3.对象.attachEvent("有on的事件名字",事件处理函数);2.解除绑定五、EventWrapp
  • html中绑定点击事件的三种方法 我是陈大大 html前端javascript
    HTML中为button绑定事件的方式有三种。例如以下标签：submit一、使用jquery进行绑定$('#btn_submit').click(function(){});二、使用原生js绑定（注意：InternetExplorer8及更早IE版本不支持addEventListener()方法，Opera7.0及Opera更早版本也不支持。这类浏览器版本要使用attachEvent()方法来添加
  • JavaScript结构型设计模式---外观模式 安静一会儿 JavaScript设计模式设计模式外观模式
    参考书籍：JavaScript设计模式外观模式：为一组复杂的子系统接口提供一个更高级的统一接口，使更加容易的访问子系统对底层结构兼容性做封装functionaddEvent(dom,type,fn){//if(dom.addEventListener){dom.addEventListener(type,fn,false);//}elseif(dom.attachEvent){dom.attach
  • 10.项目 1-博客前端：封装库--事件绑定[上] 好像在哪见过你丶
    学习要点：1.问题所在2.设置代码本节课，我们主要探讨一下事件绑定，在此之前我们都使用的是传统的事件绑定。这节点，我们想使用现代绑定对事件进行绑定和删除。一．问题所在现代绑定中W3C使用的是：addEventListener和removeEventListener。IE使用的是attachEvent和detachEvent。我们知道IE的这两个问题多多，并且伴随内存泄漏。所以，解决这些问题非常有必
  • JavaScript中事件委托是什么？ LuckXinXin JavaScriptjavascript
    符合W3C标准的事件绑定：addEventLisntener/attachEvent。让利用事件冒泡的原理，让自己的所触发的事件，让他的父元素代替执行。
  • javascript设计模式-应用示例 korgs #JavaScript设计模式javascript设计模式前端开发语言ecmascript
    事件工具类/*addEvent:simplifiedeventattachment*/functionaddEvent(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false);EventCache.add(obj,type,fn);}elseif(obj.attachEvent){obj["e"+type+
  • 学习回顾No.7 小Z想打代码 学习前端javascript
    JS使用对象.事件=函数=>来绑定响应函数它只能同时为一个元素一个事件绑定一个响应函数不能绑定多个，否则后面会覆盖前面的使用addEventListener()可同时为一个元素的相同事件同时绑定多个响应函数当事件被触发时，响应函数按绑定顺序执行this是被绑定对象参数：1.事件的字符串，不要on2.回调函数3.是否在捕获阶段触发事件，需要一个布尔值，一般传falseIE8中用attachEvent
  • JS基础学习:为元素绑定多个事件 Merbng
    为同一个元素绑定多个相同的事件为元素绑定事件（DOM）有两种，但是不兼容通过对象.addEventListener("事件类型",事件处理函数,flase);谷歌火狐都支持，但是IE8不支持2.通过对象.attachEvent("有on的事件类型",事件处理函数);只有IE8支持，谷歌火狐都不支持addEventListener参数1:事件的类型---事件的名字,没有on参数2:事件处理函数(命名
  • JS事件之方法监听注册方式 远近高低各不同 javascript开发语言ecmascript
    方法监听注册方式w3c标准推荐使用addEventListener()它是一个方法IE9之前的IE不支持此方法，可使用attachEvent()代替特点：同一个元素同一个事件可以注册多个监听器按注册顺序依次执行一、addEventListener语法：eventTarget.addEvenistener(type,listener[,useCapture])eventTarget.addEvent
  • 事件 Ajax tency小七
    关于事件绑定IE低版本用attachEvent绑定事件W3C用addElementListenervarbtn1=document.getElementById('btn');btn1.addEventListener('click',function(event){console.log('click');})自己写一个函数来封装监听事件functionbindEvent(elem,action
  • 闭包和事件监听器导致内存泄漏 wangyue4 javascript前端开发语言
    functionattachEvent(element,type,handler){if(element.addEventListener){element.addEventListener(type,handler,false);}elseif(element.attachEvent){element.attachEvent("on"+type,handler);}else{element["o
  • 事件高级 小冷哥WW
    1.事件绑定给元素添加一个事件。//div.onclick=function(){};上面这种事件的添加方式DOM0级的事件方式。这种方式每一种事件都只能添加一个。如果添加多个，那么只有后添加的会生效。本质上是覆盖。2.怎么去添加多个相同事件事件。IE:attachEvent（对象，事件）；FF,chrome:addEvenetListener(对象，事件（不加on），是否捕获)第三个参数：是否捕
  • IE和标准下的js区别 痛心凉
    ①添加事件方法addHandler：function(element,type,handler){if(element.addEventListener){//检测是否为DOM2级方法element.addEventListener(type,handler,false);}elseif(element.attachEvent){//检测是否为IE级方法element.attachEvent("o
  • iframe加载结束后执行 小小1992 前端javascript
    variframe=document.getElementById("previewFrame");if(iframe.attachEvent){iframe.attachEvent("onload",function(){//以下操作必须在iframe加载完后才可进行$("#themes").find(".selected").trigger("click");});}else{iframe.o
  • Web APIs介绍（三）——DOM事件流、BOM 挑战一天掉一根头发 js基础笔记javascript
    1.1.事件高级1.1.1.注册事件（2种方式）1.1.2事件监听addEventListener()事件监听（IE9以后支持）attacheEvent()事件监听（IE678支持）eventTarget.attachEvent()方法将指定的监听器注册到eventTarget（目标对象）上，当该对象触发指定的事件时，指定的回调函数就会被执行。传统注册事件方法监听注册事件ie9attachEven
  • 在js中定义全局变量(IE,FireFox) battlehawk JSfirefoxiefunction浏览器
    varX2={}//mynamespace:)X2.Eval=function(code){if(!!(window.attachEvent&&!window.opera)){//ieexecScript(code);}else{//notiewindow.eval(code);}}现在如果要想在函数内定义全局代码，就可以通过调用X2.Eval(code)方法，一个例子如下：vars='globa
  • Vue中使用iframe 、加载完成后回调事件 snows_l js前端开发前端javascripthtml
    template:script://vue生命周期钩子函数--更新之后updated(){if(this.$refs.iframe){//IEif(this.$refs.iframe.attachEvent){this.$refs.iframe.attachEvent('onload',()=>{//加载成功this.iLoading=false;});}else{this.$refs.ifram
  • WebAPIs——事件高级 巧克力code JavaScriptjavascript
    文章目录一.注册事件（绑定事件）1.注册事件概述2.addEventListener事件监听方式3.attachEvent事件监听方式4.注册事件兼容性解决方案二.删除事件（解绑事件）1.删除事件的方式2.删除事件兼容性解决方案三.DOM事件流四.事件对象1.什么是事件对象2.事件对象的使用语法3.事件对象的兼容性方案4.事件对象的常见属性和方法五.阻止事件冒泡1.阻止事件冒泡的两种方式2.阻止事
  • 事件练习 安好每个你
    varEventUtil={addHandler:function(oElement,sEvent,fnHandler){oElement.addEventListener?oElement.addEventListener(sEvent,fnHandler,false):oElement.attachEvent('on'+sEvent,fnHandler)},removeHandler:func
  • JS绑定事件兼容性写法(addHandler、addEvent) 孟世博213
    functionaddHandler(element,type,handler){//绑定事件if(element.addEventListener){//IE9以下不兼容element.addEventListener(type,handler,false)}elseif(element.attachEvent){//IE独有element.attachEvent('on'+type,handl
  • 事件的绑定和移除 雨_8882
    1.绑定：dom.带on的事件名称=事件处理函数；解绑：dom.带on的事件名称=null2.绑定：dom.addEventListener(不带on的事件名称,事件处理函数,事件是冒泡还是捕获)；解绑：dom.removeEventListener((不带on的事件名称,事件处理函数(绑定的有名函数))3.ie8特有的属性绑定：dom.attachEvent(带on的事件名称,事件处理函数)；解
  • 3d跨度振幅走势图实现--彩票类 桃根仙
    ESUNChart={};ESUNChart.previewCode=[];ESUNChart.on=function(o,type,fn){o.attachEvent?o.attachEvent('on'+type,function(){fn.call(o)}):o.addEventListener(type,fn,false);};/*全局控制*/ESUNChart.ini={default_
  • 跨浏览器的事件处理程序 EmilWong
    varEventUtil={addHandler:function(element,type,handler){if(element.addEventListener){element.addEventListener(type,handler,false);}elseif(element.attachEvent){element.attachEvent("on"+type,handler);}e
  • DOM0和DOM2级事件 关航_强化班
    DOM0和DOM2级事件事件绑定的两种方法DOM0级事件绑定curEle.onclick=function(){};DOM2级事件绑定标准浏览器：curEle.addEventListener('click',function(){},false)IE6-8:curEle.attachEvent('onclick',function(){})一、共同的优点1、DOM0级和DOM2级的共同优点：能添
  • vue使用iframe监听页面是否加载完成loading old-winson vuejsjavascript前端html
    letiframe=document.getElementById('iframe')letiframeLoad=function(){//在此写业务逻辑console.log('加载完了!')}if(!iframe.addEventListener){iframe.attachEvent('onload',iframeLoad)}iframe.addEventListener('load',if
  • 事件兼容性处理 Trytodo_zbs
    1.添加事件一般来说有三种方式addEventListener、attachEvent、onaddHandler:function(element,type,handler){//添加事件if(element.addEventListener){element.addEventListener(type,handler,false);}elseif(element.attachEvent){ele
  • 跨浏览器事件处理程序 saiyi绒小花
    html部分跨浏览器事件处理程序点击我js部分绑定事件ChromeFirefoxIE9等addEventListenerIE8及IE8以下的浏览器attachEvent移除事件ChromeFirefoxIE9等removeEventListenerIE8及IE8以下的浏览器detachEventvarEventUtil={addHandler:function(element,type,handl
  • 原生JS 实现 dom ready weixin_30702887
    记录一下项目技术问题：记得：放在head标签内的脚本，第一时间执行varbaseTools={//domreadyready:function(f){varie=!!(window.attachEvent&&!window.opera);varwk=/webkit\/(\d+)/i.test(navigator.userAgent)&&(RegExp.$11)return;if(ie)(funct
  • 2019-01-19 CtrlAltShift
    为元素绑定事件！、my$("btn1").addEventListener("click",function(){console.log("娃哈哈喜之郎美汁源");},false);my$("btn2").attachEvent("onclick",function(){console.log("吃饭睡觉敲代码");});functionaddEventListener(element,type,
  • ASM系列五 利用TreeApi 解析生成Class lijingyao8206 ASM字节码动态生成ClassNodeTreeAPI
       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。          在介绍前，先要知道一点， Tree工程的接口基本可以完
  • 链表树——复合数据结构应用实例 bardo 数据结构树型结构表结构设计链表菜单排序
    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 需求简介： 经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
  • 为啥要用位运算代替取模呢 chenchao051 位运算哈希汇编
        在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，     JDK6中的HashMap中的indexFor方法： /** * Returns index for hash code h. */ static int indexFor(int h, int length) {
  • 最近的情况 麦田的设计者 生活感悟计划软考想
          今天是2015年4月27号      整理一下最近的思绪以及要完成的任务             1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
  • PHP去掉字符串中最后一个字符的方法 IT独行者 PHP字符串
    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： $str = "1,2,3,4,5,6,"; $newstr = substr($str,0,strlen($str)-1); echo $newstr;
  • hadoop在linux上单机安装过程 _wy_ linuxhadoop
    1、安装JDK     jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：    export JAVA_HOME=/usr/java/jdk1.7.0_25  
  • JAVA进阶----分布式事务的一种简单处理方法 无量 多系统交互分布式事务
    每个方法都是原子操作： 提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 A系统调用B,C,D系统完成分布式事务 =========执行开始======== A.aa(); try { B.bb(); } catch(Exception e) { A.rollbackAa(); } try { C.cc(); } catch(Excep
  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉 矮蛋蛋 hadoop互联网
    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 　　到底什么是移动DSP呢? 　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广
  • myelipse设置 alafqq IP
      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 注释模板导入步骤  安装方法： 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Code-->Code
  • java数组 百合不是茶 java数组
    java数组的   声明  创建  初始化；   java支持C语言      数组中的每个数都有唯一的一个下标 一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3] int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数
  • javascript读取表单数据 bijian1013 JavaScript
    利用javascript读取表单数据，可以利用以下三种方法获取： 1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性：var b = document.getElementsByName("name"); 3、直接通过表单名字获取：var c = form.content.
  • 探索JUnit4扩展：使用Theory bijian1013 javaJUnitTheory
    理论机制（Theory） 一.为什么要引用理论机制（Theory）         当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 TDD 的优点：     &nb
  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB bit1129 template
    什么是Spring Data Mongo Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 1. 封装客户端跟MongoDB的链接管理 2. 文档-对象映射，通过注解:@Document(collectio
  • 【Kafka八】Zookeeper上关于Kafka的配置信息 bit1129 zookeeper
    问题： 1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 4. Producer跟Zookeeper究竟有没有关系？没有关系！！！   //consumers、config、brokers、cont
  • java OOM内存异常的四种类型及异常与解决方案 ronin47 java OOM 内存异常
          　OOM异常的四种类型： 　　　 　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。     　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
  • java-实现链表反转-递归和非递归实现 bylijinnan java
    20120422更新： 对链表中部分节点进行反转操作，这些节点相隔k个： 0->1->2->3->4->5->6->7->8->9 k=2 8->1->6->3->4->5->2->7->0->9 注意1 3 5 7 9 位置是不变的。 解法： 将链表拆成两部分： a.0-&
  • Netty源码学习-DelimiterBasedFrameDecoder bylijinnan javanetty
    看DelimiterBasedFrameDecoder的API，有举例： 接收到的ChannelBuffer如下： +--------------+ | ABC\nDEF\r\n | +--------------+ 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： +-----+----
  • linux的一些命令 -查看cc攻击-网口ip统计等 hotsunshine linux
    Linux判断CC攻击命令详解 2011年12月23日 ⁄ 安全 ⁄ 暂无评论 查看所有80端口的连接数 netstat -nat|grep -i '80'|wc -l 对连接的IP按连接数量进行排序 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 查看TCP连接状态 n
  • Spring获取SessionFactory ctrain sessionFactory
    String sql = "select sysdate from dual"; WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); String[] names = wac.getBeanDefinitionNames(); for(int i=0; i&
  • Hive几种导出数据方式 daizj hive数据导出
    Hive几种导出数据方式   1.拷贝文件   如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 hadoop fs –cp source_path target_path   2.导出到本地文件系统   --不能使用insert into local directory来导出数据，会报错 --只能使用
  • 编程之美 dcj3sjt126com 编程PHP重构
    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解   header("Content-type: text/plain"); function static_function () { static $i = 0; if ($i++ < 1
  • Android保存用户名和密码 dcj3sjt126com android
    转自：http://www.2cto.com/kf/201401/272336.html 我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 1、通过普通 的txt文本存储 2、通过properties属性文件进行存
  • Oracle 复习笔记之同义词 eksliang Oracle 同义词Oracle synonym
    转载请出自出处：http://eksliang.iteye.com/blog/2098861 1.什么是同义词       同义词是现有模式对象的一个别名。       概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
  • Ajax案例 gongmeitao Ajaxjsp
    数据库采用Sql Server2005 项目名称为:Ajax_Demo 1.com.demo.conn包 package com.demo.conn; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; //获取数据库连接的类public class DBConnec
  • ASP.NET中Request.RawUrl、Request.Url的区别 hvt .netWebC#asp.nethovertree
      如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
  • SVG 教程 （七）SVG 实例，SVG 参考手册 天梯梦 svg
    SVG 实例 在线实例 下面的例子是把SVG代码直接嵌入到HTML代码中。 谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例 SVG基本形状 一个圆 矩形 不透明矩形 一个矩形不透明2 一个带圆角矩
  • 事务管理 luyulong javaspring编程事务
    事物管理 spring事物的好处 为不同的事物API提供了一致的编程模型 支持声明式事务管理 提供比大多数事务API更简单更易于使用的编程式事务管理API 整合spring的各种数据访问抽象 TransactionDefinition 定义了事务策略 int getIsolationLevel()得到当前事务的隔离级别 READ_COMMITTED 
  • 基础数据结构和算法十一：Red-black binary search tree sunwinner AlgorithmRed-black
      The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
  • centos同步时间 stunizhengjia linux集群同步时间
    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
  • ITeye 9月技术图书有奖试读获奖名单公布 ITeye管理员 ITeye
    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：      《NFC：Arduino、Andro
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他