javascript - 检测 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 = $(this).contents();
  iframe.find('#CLASS_SRCH_WRK2_SSR_PB_CLASS_SRCH').click( function() {
    console.log("clicked");
  });
});