Jquery并将事件绑定到iframe

Question

**我目前正在使用jquery textselect插件根据页面上任意位置的选择文本触发警报,它可以很好地执行以下操作:

$(document).ready(function() {
    $(document).bind('textselect', function(e) {
        alert(e.text); 
    });
});

我之后不得不在页面中添加iframe,我还需要文本选择来处理iframe中的文本.我正在尝试做这样的事情,但它不起作用:

$(document).ready(function() {
    $('#iframeId').load(function() {
    $(document.getElementById("iframeId").contentWindow).bind('textselect',function(e) {
    alert(e.text); 
    });
});

在这一点上,我尝试了很多方法来引用iframe文档而没有任何成功.有任何想法吗？**

Answer 1

您可以像这样访问它:

$(document).ready(function() {
  $('#iframeId').load(function() {
    alert("Loaded");
    $('#iframeId').contents().find("body").bind('textselect', function(e) {
      alert(e.text);
    });
  });
});

注意:这仅在iframe在同一域中加载某些内容时才有效,否则您将被同一源策略阻止.