Question

我的网页上有2个iframe（真实）的iframe，我的问题是如何根据光标插入符的位置获取iframe id？

例如：iframe1和iframe2，如果iframe2中的用户光标插入位置，那么它将警告id frame2

我已经尝试过以下代码

  $(document).ready(function(){

   $('iframe').on('change mouseup mousedown mouseout keydown', function(){

      var iframeID = $(this).attr('id');

      $(this).contents().unbind(); 

      $(this).contents().bind('click', function(){

          alert(iframeID);  
      });
   }); 

});

但它不起作用

有什么建议吗？

Answer 1

使用悬停
http://api.jquery.com/hover/

＆＃13;

$("iframe").hover(
  function() {
    alert('mouse in to ' + $(this).attr('id'))
  }, function() {
    //alert('mouse out of '+$(this).attr('id'))
  }
);

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<iframe id="foo">foo</iframe>
<iframe id="bar">bar</iframe>

＆＃13;

Answer 2

可以使用mouseenter：

$(document).ready(function() {
    $('iframe').mouseenter(function(h) {
        var id = $(this).attr('id');
        alert(id);
    });
});

这里有一个小提琴：http://jsfiddle.net/saq02L9o/

根据用户光标的位置获取iframe id

2 个答案: