检测点击iframe

Question

我在检测iframe中的点击时遇到问题（iframe ID为'#ptifrmtgtframe'且标记ID为'#CLASS_SRCH_WRK2_SSR_PB_CLASS_SRCH'）。我试过了：

$('#ptifrmtgtframe').click( function() {
  $('#CLASS_SRCH_WRK2_SSR_PB_CLASS_SRCH').click( function() {

    console.log("clicked");
  });
});

我也试过

var htmlDocument = document.querySelector('#ptifrmtgtframe').contentDocument;

$(htmlDocument).contents().find('#CLASS_SRCH_WRK2_SSR_PB_CLASS_SRCH').on('click', function() { 
  console.log("clicked");});

Answer 1

iframe有点不同，你必须加载它们并获取它们的内容才能用它做任何事情：

$('#ptifrmtgtframe').on('load', function() {
  var iframe = $('#ptifrmtgtframe').contents();
  iframe.find('#CLASS_SRCH_WRK2_SSR_PB_CLASS_SRCH').click( function() {
    console.log("clicked");
  });
});