使用嵌入式 PDF 检测 iframe 中的鼠标和键盘事件

Question

我正在编写一些 Javascript 来检测用户在单个 HTML 页面上花费的时间。我不想计算空闲时间，所以我使用jQuery来检测鼠标和键盘事件，这样我就可以重置空闲计时器。尝试检测包含嵌入式 PDF 的 iframe 中的活动时遇到问题。您可以在此处查看未能触发的事件示例：

http://jsfiddle.net/89s7q/41/

JS：

var frameSelected = false, i = 0;

var selected = function(e) {
  if (frameSelected !== true)
  {
    frameSelected = true;
    $("#console").prepend((++i) + " Selected<br/>");
  }
};

var deselected = function() {
  if (frameSelected === true)
  {
    frameSelected = false;
    $("#console").prepend((++i) + " Deselected<br/>");
  }
};

$("iframe").mouseout(deselected);
$("iframe").mouseover(selected);

有没有办法让事件在 iframe 中触发？

Answer 1

您可以在 iframe 顶部放置一个透明叠加层，这样用户仍会看到 iframe 内容，但您可以在叠加层上跟踪鼠标事件。