Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用jquery监控div是否更新?_Jquery_Events_Html - Fatal编程技术网

如何使用jquery监控div是否更新?

如何使用jquery监控div是否更新?,jquery,events,html,Jquery,Events,Html,我的Div将contenteditable设置为true,但如果有更新,我希望监视该Div。如何使用jquery监视它?谢谢。您应该使用setInterval()每隔一秒左右检查一次div是否更改。如果您使用的是AJAX,则可以在AJAX完成时触发更改事件。此外,我认为您可以使用onKeyPressed或onKeyUp事件来处理该分区。您可以为此查看突变事件。就你而言 $('#myDIV').bind('DOMSubtreeModified', function(e) { }); 每次DOM子

我的Div将contenteditable设置为true,但如果有更新,我希望监视该Div。如何使用jquery监视它?谢谢。

您应该使用
setInterval()
每隔一秒左右检查一次div是否更改。如果您使用的是AJAX,则可以在AJAX完成时触发更改事件。此外,我认为您可以使用
onKeyPressed
onKeyUp
事件来处理该分区。

您可以为此查看突变事件。就你而言

$('#myDIV').bind('DOMSubtreeModified', function(e) {
});
每次DOM子树中的任何更改都应该触发。但是,我不确定它是否适用于contentEditable

例如:


一个警告:突变事件被宣布为“弃用”,因此它可能是一个很好的工具,但对于任何生产代码来说可能都不明智。

您可以使用
.blur()
.keypress()
事件处理方法

演示


更新

要处理粘贴,您可以监听
paste
事件

$('selector').bind('paste', function(){
  // handle paste ..
});

keypress上的演示不起作用,因为如果用户粘贴它,我就无法捕获它。@TedWong您可以使用
.bind('paste',function(){..})
来处理
粘贴
事件。。