Jquery检测iframe内的body标签的更改或加密 [英] Jquery detect change or keyup on body tag within iframe
问题描述
我有一个。
如果您使用的是旧版本的jQuery,可以使用直播,该版本自版本1.7以来已被弃用,或者可能委派。我不太确定你最好可以使用.on()和.off()的最新版本的jQuery。
I have a jwysiwyg content editor control on my page. The control works by creating itself in an iframe which has a full html page code within it.
I wish to detect if there has been a change
or keyup
so I can use our "indicate the record needs to be saved" code. We have input boxes and this work fine, just this 3rd party editor control is giving us problems.
Here is what the page source looks like:
<div id="this_is_our_div_Container">
<div class="wysiwyg">
<iframe id="f_Body-wysiwyg-iframe">
<html>
<body style="margin: 0;" class="wysiwyg">
I just typed this now!</body></html>
</iframe>
</div>
<textarea class="wysiwyg" cols="20" id="f_Body" name="f_Body" rows="2"
style="display: none;"></textarea>
</div>
See that the body tag contains the changes in real time.
With these SO questions...
jQuery 'if .change() or .keyup()'
https://stackoverflow.com/a/1639342/511438
I have tried the following in document.Ready:
$('iframe').contents().find('body.wysiwyg').live('change', function (e)
{
alert('testing');
});
$('iframe').contents().find('body.wysiwyg').live('keyup', function (e)
{
alert('testing');
});
$('iframe > *').bind('keyup', function (e)
{
alert('testing');
});
Hopefully this printscreen will help. LARGER
You seem to be along the right track.
I wonder whether this would work for you:
$('elementSelector', $('iframeSelector').contents()).on('keyup', function(e) {
alert('testing');
});
So in your case I suppose:
$('body.wysiwyg', $('iframe#f_Body-wysiwyg-iframe').contents()).on('keyup', function(e) {
alert('testing');
});
Although using the code in this answer depends on using version 1.7 or higher of jQuery.
If you are using an older version of jQuery, you could make use of live which is deprecated as of version 1.7, or perhaps delegate. I'm not too sure. You're best bet may be to use the latest version of jQuery with .on() and .off().
这篇关于Jquery检测iframe内的body标签的更改或加密的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!