function __free(div){
if(div){
(function (o) {
var a = o.attributes, i, l, n, c;
if (a) {
l = a.length;
for (i = 0; i <l; i += 1) {
n = a[i].name;
if (typeof o[n] === 'function') {
o[n] = null;
}
}
}
a = o.childNodes;
if (a) {
l = a.length;
for (i = 0; i <l; i += 1) {
c = o.childNodes[i];
arguments.callee(c);
}
}
})(div);
}
}
if(div){
(function (o) {
var a = o.attributes, i, l, n, c;
if (a) {
l = a.length;
for (i = 0; i <l; i += 1) {
n = a[i].name;
if (typeof o[n] === 'function') {
o[n] = null;
}
}
}
a = o.childNodes;
if (a) {
l = a.length;
for (i = 0; i <l; i += 1) {
c = o.childNodes[i];
arguments.callee(c);
}
}
})(div);
}
}
<div id='a' name='a' onclick='divclick()' style='background:red;width:300px;height:300px'>
<div id='b' name='a' onclick='divclick()'>
<div id='c' name='a' onclick='divclick()'>
</div>
</div>
</div>
<script type='text/javascript'>
function __free(div){
if(div){
(function (o) {
var a = o.attributes, i, l, n, c;
if (a) {
l = a.length;
for (i = 0; i <l; i += 1) {
n = a[i].name;
if (typeof o[n] === 'function') {
o[n] = null;//你可以注释掉这行,刷新页面,点击div试
}
}
}
a = o.childNodes;
if (a) {
l = a.length;
for (i = 0; i <l; i += 1) {
c = o.childNodes[i];
arguments.callee(c);//对div下的子结点进行递归调用,去除子结点的事件
}
}
})(div);
}
}
function divclick(){
alert(1)
}
__free(document.getElementById('a'))
</script>
其实也就相当于
var fn = function(o){...}
fn(div)
顺便问一下,如果不去除关联事件对DIV之中a,b,c其中一个操作,是不是对另外两个有影响?
这个就关乎事件流了,ie是冒泡型,也就是事件从最底层那个div开始触发,从下而上。
而ff是标准的dom事件流型,可从上而下,也可从下而上。