javascript 跨浏览器的事件系统3
这部分说一下最近非常流行的事件代理。事件代理的实现简单来说，是把事件绑定到目标元素的祖先元素上，然后通过冒泡或捕获得到事件源，然后再判定事件源是否等于目标元素再执行回调函数。由于对目标元素的判定有时非常模糊，因此通过判定即可调用回调函数，这样，我们就达到一个监听器为许多事件源服务的目的。对于性能一向非常不怎么样的IE6来说，实在帮了一个大忙。
假如，有一个无序列表，点击弹出它的innerHTML，如果按事件绑定的做法，代码大概是这样：
var addEvent = function(el,type,callback,data){
if ( el.addEventListener ) {//如自定义对象就绑定回调函数了
el.addEventListener( type, callback, !!data );
} else if ( el.attachEvent ) {
el.attachEvent( "on" + type, function(){
return callback.call(el,window.event)
} );
}
}
var els = document.getElementsByTagName("li")
for(var i=0,n=els.length;i<n;i++){
addEvent(els[i],"click",function(){
alert(this.innerHTML)
})
}
}
<!doctype html>
<html lang="zh-ch" id="html">
<head>
<meta charset="utf-8" />
<meta content="IE=8" http-equiv="X-UA-Compatible"/>
<title>事件代理 by 司徒正美</title>
<script type="text/javascript">
window.onload = function(){
var addEvent = function(el,type,callback,data){
if ( el.addEventListener ) {//如自定义对象就绑定回调函数了
el.addEventListener( type, callback, !!data );
} else if ( el.attachEvent ) {
el.attachEvent( "on" + type, function(){
return callback.call(el,window.event)
} );
}
}
var els = document.getElementsByTagName("li")
for(var i=0,n=els.length;i<n;i++){
addEvent(els[i],"click",function(){
alert(this.innerHTML)
})
}
}
</script>
</head>
<body id="body">
&l
相关文档：
本文主要是出于有朋友使用我原来写的autocomplete的JS控件。当数据量大的时候，会出现效率极其慢的情况，我在这段时间做出的一些测试也及一些经验，与大家分享，如果有错的地方，还请指出。
经过测试，我们会发现如下的情况或者说的结论，如果您的测试结果与我的不符，请说明原因，以便相互学习。
1）当一个较大的HTML字� ......
//1.类
function Test(id)
{
this.id=id;
this.method=function()
{
//代码
};
}
......
要想写出跨浏览器的javascript，就必须懂得嗅探技术。这是浏览器大战遗留下的大地雷，事已如此，只好认命，乖乖写分支结构吧，函数就是这样不知不觉中变长的。
先看单一浏览器的判断，我们没有必须去找navigator.userAgent的麻烦，我在国外的博客网站收集了如下hack，短小精悍：
ie = !+"\v1" ;
ie ='\v'=='v' ; ......
Marquee图片无缝滚动关键词： Marquee
先了解一下 ......
srcElement 是Dom事件中的事件最初指派到的元素。
比如有一个div，里面有一个按钮。你响应div的onclick事件，但实际上，你单击的只是它内部的按钮，那么，srcElement指向的，就是那个按钮。
srcElement只在IE中有效。
在Opera系列浏览器中对应的属性是target
给你一个IE下使用的例子。
<!DOCTYPE html PUBLIC "-//W ......
