Question

我正在尝试捕捉拖拽手势的'拖尾'事件，该拖拽手势在iframe元素内部开始并在iframe外部结束，甚至在浏览器窗口之外（我使用的是jQuery和Hammer.js）。它似乎在除Internet Explorer之外的所有主流浏览器上都运行良好（我有最新的IE11）。这是我用来调查问题的演示代码：

以下是承载iframe的index.html代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<iframe src="iframe.html" width="500px" height="500px"></iframe>
</body>
</html>

以下是iframe.html代码：

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<div id="content" style="background-color: #FF0000; width: 300px; height: 300px">
Some Content.
</div>
<script type="text/javascript" src="jquery-2.1.1.js"></script>
<script type="text/javascript" src="hammer.js"></script>
<script type="text/javascript" src="main.js"></script>
</body>
</html>

下面是main.js代码，用于注册dragend事件监听器：

$(document).ready(function() {
    Hammer($("#content").get(0)).on("dragend", function(event) {
        alert("hi");
    });
});

如何修复以便它可以在Internet Explorer上运行？（它适用于Chrome，Firefox和Opera）。我正在使用最新版本的IE，jQuery和Hammer.js。

非常感谢！

在Internet Explorer上捕获iframe外部的鼠标事件（拖尾）

0 个答案: