JavaScript的attachEvent传递的参数解决方案

最新推荐文章于 2019-06-25 12:08:56 发布
最新推荐文章于 2019-06-25 12:08:56 发布
阅读量180 收藏
点赞数
分类专栏： JavaScript 文章标签： js javascript 闭包 srcElement event ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lysvanilla/article/details/84289986
版权

文章背景说明：本人在开发时遇到的问题，在Iteye问答里提问，本文是在朋友们帮忙的回答中总结的。谢谢他们。

http://www.iteye.com/problems/88349

 

 

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">  
<html>  
<head>    
<title>About</title>  
<meta http-equiv=Content-Type content="text/html; charset=gb2312">  
</head>  
<body >  
<table width="100%">  
<tr><a href="#" onClick="alert('123');" >123明细信息</a></tr>  
<tr><a href="#" onClick="alert('456');" >456明细信息</a></tr>  
<tr><a href="#" onClick="alert('789');" >789明细信息</a></tr>  
<table>  
</body>  
<script language="javascript">  
function initHrefColor(objs){  
    var objs=document.getElementsByTagName("a");  
    outer:for(var i=0;i<objs.length;i++){  
        (function (e) {  
            e.attachEvent("onclick", function () { changeHrefStytle(e); });  
        })(objs[i]);  
   
    }}  
 
function changeHrefStytle(obj){
    obj.style.color='green';
   // if(!obj.innerText.contains('√')){
	obj.innerHTML = '√ ' + obj.innerText;
   // }
}  

initHrefColor(); 
</script>  
</html>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">  
<html>  
<head>  
  
<title>About</title>  
<meta http-equiv=Content-Type content="text/html; charset=utf8">  
</head>  
<body >  
<table width="100%" border="1">  
<tr><td><a href="#" >123明细信息</a></td></tr>  
<tr><td><a href="#" >456明细信息</a></td></tr>  
<tr><td><a href="#" >789明细信息</a></td></tr>  
<tr><td><text>ss</text></td></tr>  
<table>  
</body>  
<script language="javascript">  
  
function initHrefColor(){  
    var objs=document.getElementsByTagName("a");  
    var obj=null;  
    outer:for(var i=0;i<objs.length;i++){  
        obj=objs[i];  
        //非Mozilla系列  
        if(obj.attachEvent) {  
            obj.attachEvent("onclick",aaa);    
        } else {  
            obj.addEventListener("click",aaa);    
        }  
    }}  
  
  
function aaa(event){  
	var src = event.srcElement;
	if(!src) {  
		src = event.target;  
	} 
	src.style.color='green';
	//if(!src.innerText.contains('√')){
		src.innerHTML = '√ ' + src.innerText;
	//}
}  
  
initHrefColor();  
</script>  
  
</html>

 

 

在js编写规范里，提到将js写到head里是最好的。
但是你这里var objs=document.getElementsByTagName("a"); 
如果写在head里肯定拿不到，所以要加上window.onload去执行。
 

网友提供的几个js学习网站（或者是文章链接）：

 

http://bonsaiden.github.com/JavaScript-Garden/zh/

 

http://www.cnblogs.com/terryglp/articles/1776695.html

 

http://codex.wordpress.org.cn/HTML%E5%85%B3%E4%BA%8EEvent%E5%AF%B9%E8%B1%A1

 

lysvanilla
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
window.open()实现post传递参数
09-03
一种常见的解决方案是创建一个动态的表单，将数据放入隐藏的输入字段，然后模拟表单提交来实现POST请求。具体步骤如下： 1. 创建一个新的`<form>`元素，设置其`method`属性为`"post"`，`action`属性为需要POST的...
JS中的attachEvent、addEventListener如何传递参数
weixin_30610755的博客
09-23 81
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server...
Javascript attachEvent传递参数的办法
weixin_34184158的博客
03-18 123
找了半天找到的解决办法，看介绍说是javascript的闭包问题，导致得不能直接读取外部的那个函数，不然就所有传递的参数都变为最后一个了。 var newopen = function(id,level) {   return function()   {     opentree(id,level);//该函数为外部定义的一个执行函数；   } } x.attachEvent("...
attachEvent传递参数的办法
weixin_30414155的博客
10-29 119
使用attachEvent给对像绑定事件时，方法不能传递参数，经过了解，原来是javascript的闭包问题，导致得不能直接读取外部的那个函数，不然就所有传递的参数都变为最后一个了。解决办法如下： var newopen = function(id,level){ return function() { opentree(id,level);//该函数为外部定义的一个执行函数；...
attachEvent传递参数
04-10 120
JavaScript中有时会用到给Html动态添加事件,在传递参数中需要注意下.下例中注释掉的部分运行会出问题,有人说这属于JavaScript闭包的问题至于何为闭包,管它的了.<html><head> <title>无标题页</title></head><body> <input id="Text...
javascript动态添加事件方法详解 || Javascript attachEvent传递参数的办法
liu163710的专栏
03-11 1463
有时候我们需要用javascript动态添加事件，这就涉及到浏览器的兼容性问题，以下是几种常见的方法，我们也常常混合使用。 <br />方法一、setAttribute <br />var obj = document.getElementById("obj");  <br />obj.setAttribute("onclick", "javascript:alert('测试');");  <br />这里利用 setAttribute 指定 onclick 属性，简单，很好理解，  <br />但是：IE
js循环动态绑定带参数函数遇到的问题及解决方案[转]
12-02
本文将深入探讨在JavaScript中如何解决动态绑定带参数函数时遇到的问题，尤其是涉及到循环的情况。 首先，不带参数的事件绑定相当直接。例如，如果要为一个具有ID "select_0" 的元素绑定一个名为 "modifyFunction" ...
关于javaScript注册click大事传递参数的不胜利问题_.docx
10-09
在提供的解决方案中，定义了一个名为`bindFunction`的辅助函数，它的作用是创建一个新的函数，这个新函数会记住原始函数（`func`）以及需要传递的参数（`args`），并在适当的时候调用`func`。`bindFunction`通过`...
self.attachevent is not a function的解决方法
11-28
但是要注意，`addEventListener`有第三个参数用于指定事件处理函数的执行顺序（默认为false，即事件冒泡阶段），而`attachEvent`没有这个参数，所以通常在使用`attachEvent`时不需要传递额外的参数。 尽管`onclick`...
javascript兼容性解决方法大全
07-01
首先，`window.event`对象是IE特有的，它包含了当前事件的相关信息，而在FF中，我们需要通过函数参数传递`event`对象，如`onmousemove=doMouseMove(event)`。为了解决这个问题，我们可以编写一个兼容的函数处理事件...
JS之事件绑定(addEventListener、removeEventListener、attachEvent、detachEvent的用法和区别)
qq_34474628的博客
06-26 529
一. window.onload 1. 后面的onload覆盖前面的onload 在讲事件绑定之前，先来看看一个例子，我们知道onload事件，那么一个页面同时出现多个onload会出现什么情况呢，先来看看例子： window.onload = function(){ var aBut = document.getElementById('but'); aBut.onclick  =
attachEvent带参数函数调用问题
shenqi_1999的专栏
03-02 722
方案一与方案二区别是什么?方案一:var obj_input = document.getElementsByTagName("input");     for(var i=0; i         if(obj_input[i].type.toLowerCase() == checkbox){             var obj_ev = function(obj_chk){  
JavaScript为元素动态添加事件之（attachEvent||addEventListener）
weixin_34368949的博客
06-25 474
本文介绍如何在运行时为元素添加事件以及添加带参数引用。我们在此通过attachEvent以及addEventListener 来为指定元素动态添加事件。其中，IE浏览器以及使用IE内核的浏览器中使用方法（attachEvent）来为元素动态添加 处理事件。其他浏览器则使用（addEventListener）方法动态添加处理事件。 以下是示例代码： Code/**功能...
attachEvent 传递参数
dadou
12-11 967
   这是连接  function AttachEvent(type, target, handler, owner){        var eventHandler = handler;    if(owner)    {    debugger;            // 在这里重新定义一个处理函数            eventHander = function(e)       
addEventListener()和attachEvent()
优雅的博客
12-08 1610
事件处理程序之间的处理，支持DOM Level 2 的浏览器的方法addEventListener()和早期IE的attachEvent()方法
attachEvent(detachEvent) 和 addEventListener(removeEventListener)
一个半路出家的人
09-12 982
 1,介绍添加多个两种方法 考虑到不同的人写同一个页面,有事后我们要为同一个元素添加多个事件,这些事件可能是相同的,因此我们有必要为一个元素同时添加多个元素 attachEvent  和 addEventListener 可以同时添加多个事件, attachEvent 谷歌,火狐Ie9版本以上大的浏览器都不支持     ie8以下的版本不支持 addEventListener 谷歌,火狐I...
javascript+attachEvent传递参数问题
gideal_wang的专栏
05-04 2171
假定已有方法checkName//无参数传递function checkName(){dosomething...} 现在，对表单中某一元素通过JS添加onclick事件一、如果不传递参数直接这样写就可以：obj.attachEvent("onclick",checkName);attachEvent的第二个参数就是要调用的方法名，不用加引号，不用在方法
JavaScript编程精华技巧集合
对于一些特定需求，例如防止文字选取、阻止默认行为(event.preventDefault())、修改打印设置等，JavaScript提供了相应的解决方案。例如，通过CSS或JavaScript禁止文本选中，可以提升用户体验。 此外，JavaScript还...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值