[转]JAVASCRIPT绑定事件
2008-04-05 09:36
267 查看
转自:http://hi.baidu.com/thenatureofspaceandtime/blog/item/c4ab61f4e842ca6ddcc4742f.html
简单的绑定时间 似乎只能在第一次加载的时候才有效果
document.getElementById('yourHTMLelement').onclick = haha;
function haha(){
alert("CLEOPATRA");
}
如果传递参数 那么是酱字的
document.getElementById("yourHTMLelement").onclick = haha("your input");
function haha(content){
alert(content);
}
这种方法在第一次加载的时候就会执行1次 以后就没有效果了
对于IE版本6 (证实)
document.getElementById("yourHTMLelement").attactEvent /*(应为attachEvent,think8848注)*/("onclick",
new Function("_blackorwhite(' your input ');"));
function _blackorwhite(content){
alert(content);
}
attactevent(同上,think8848注)方法在加载此语句的时候不会被执行 是真正的绑定 只有在运行的时候才会被执行EXCELLENT
对于MOZILLA
document.getElementById("yourHTMLelement").addEventListener("onclick",_blackorwhite,false);
function _blackorwhite(){
alert("你注意到不同了吗?");
}
需要注意的是 关键的1点 在MOZILLA下面 事件不能有参数设置,如果你传递参数, 事件会在加载的时候就去执行而不是到响应动作发生时才执行 这1点非常令人不满意。可能的解决办法 MOZILLA可以知道是谁触发的此事件 这样相应的传递的参数就可以由事件触发者通过某种途径知道了
简单的绑定时间 似乎只能在第一次加载的时候才有效果
document.getElementById('yourHTMLelement').onclick = haha;
function haha(){
alert("CLEOPATRA");
}
如果传递参数 那么是酱字的
document.getElementById("yourHTMLelement").onclick = haha("your input");
function haha(content){
alert(content);
}
这种方法在第一次加载的时候就会执行1次 以后就没有效果了
对于IE版本6 (证实)
document.getElementById("yourHTMLelement").attactEvent /*(应为attachEvent,think8848注)*/("onclick",
new Function("_blackorwhite(' your input ');"));
function _blackorwhite(content){
alert(content);
}
attactevent(同上,think8848注)方法在加载此语句的时候不会被执行 是真正的绑定 只有在运行的时候才会被执行EXCELLENT
对于MOZILLA
document.getElementById("yourHTMLelement").addEventListener("onclick",_blackorwhite,false);
function _blackorwhite(){
alert("你注意到不同了吗?");
}
需要注意的是 关键的1点 在MOZILLA下面 事件不能有参数设置,如果你传递参数, 事件会在加载的时候就去执行而不是到响应动作发生时才执行 这1点非常令人不满意。可能的解决办法 MOZILLA可以知道是谁触发的此事件 这样相应的传递的参数就可以由事件触发者通过某种途径知道了
相关文章推荐
- 看懂此文,不再困惑于javascript中的事件绑定、事件冒泡、事件捕获和事件执行顺序
- javascript的事件绑定的两种方式详解
- javascript事件委托,事件代理,元素绑定多个事件之练习篇
- javascript事件绑定的三种方法
- javascript 事件多次绑定和删除
- JavaScript事件绑定、事件解除、DOM加载完成,兼容IE8+
- 关于JavaScript 三种绑定事件方式之间的区别以及对应的解绑(整理)
- 看懂此文,不再困惑于javascript中的事件绑定、事件冒泡、事件捕获和事件执行顺序
- JavaScript 在for循环中绑定事件
- JavaScript事件的绑定与取消和事件监听
- JavaScript事件绑定和事件监听的区别
- JavaScript事件绑定的方法说明
- asp.net为按钮绑定javascript确认事件
- javascript事件绑定
- JavaScript绑定事件的方法[3种]
- JavaScript中click和keypress事件绑定的顺序
- JavaScript事件绑定和普通事件区别
- Javascript 事件对象(四)一个事件绑定多个不同的函数
- JavaScript的事件绑定及深入
- javascript之博客前端之事件绑定以及浏览器检测