为什么document.documentElement.innerHTML=newCotent之后，页面上的event全部失效呢？

This topic created in 5424 days ago, the information mentioned may be changed or developed.

如题。即使是newCotent===originalCotent，也不行

newCotent

originalCotent

innerHTML

15 replies • 1970-01-01 08:00:00 +08:00

FuryBean

Dec 28, 2011

一个元素的子元素已经替换成其他元素了，其他元素不具备原来元素的事件。

daqing

Dec 28, 2011

如果用jQuery的话，在注册监听事件时，用live()函数就可以了。

benzhe

Dec 28, 2011

因为已经是不同的对象了

zythum

Dec 28, 2011

就好比，你有一只手表。来了个人把你替代了。那他还有木有你的手表呢，

remus

Dec 28, 2011

@zythum 如果他把我替代了，表摘下来带他手上。。。那他就有了-_-

remus

Dec 28, 2011

@daqing 我先试一下。。

zzNucker

Dec 28, 2011

re 2楼要告诉jQuery绑定事件的对象可能在将来再添加

zythum

Dec 29, 2011

@daqing @zzNucker 貌似现在on就可以了。我上次草草看了下1.7的更新。
@remus 你给我把，我还缺个表。

remus

Dec 29, 2011

@zythum 我用的1.7.1，但只能用live,on不行。。。
ps:要拿手机照亮表看时间么？

remus

Dec 29, 2011

@daqing 多谢了！

honk

Dec 29, 2011

$(document).on('event', 'selector', function(){});

真要替換整個文檔的內容，倒不如重新發請求

remus

Dec 29, 2011

@honk 有哪些不同呢？

mudkip

Dec 29, 2011 via iPad

修改 innerHTML 几乎相当于把里面的元素全部删了重来，所以其中的事件就不在了。jQuery live 方法大概是把事件绑定在 document 上，然后根据 target 判断所触发的元素吧，这样其中的元素的增删就不会影响事件。

honk

Dec 29, 2011

@remus
ajax最大的优势就是可以局部刷新；
若替换整个文档内容的话，css, js等还是会重新请求和解析，而且还要额外处理事件代理；

remus

Dec 29, 2011

又有问题了，对于event,用.live可以在替换内容后仍然生效，但像document.getElementById('testID') 这样的语句，却还是失效，这是为什么呢？