使用嵌入的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内容，但您可以在叠加层上跟踪鼠标事件。