如何使用 JavaScript 检测 iframe 内的点击
答案：使用jQuery contents()方法
如果您尝试仅使用 jQuery click() 方法检测或捕获 iframe 内的点击事件，它将无法正常工作，因为 iframe 将网页嵌入到另一个网页中。 但是，您仍然可以使用 jQuery contents() 和 load() 方法在同一个域上执行此操作。
每当您在 iframe 内单击时，以下示例将显示一条警报消息。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Detect Click into iFrame</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<style>
body{
padding: 30px;
}
iframe{
width: 100%;
height: 200px;
border: 2px solid #ccc;
}
</style>
<script>
$(document).ready(function(){
$("iframe").on("load", function(){
$(this).contents().on("mousedown, mouseup, click", function(){
alert("Click detected inside iframe.");
});
});
});
</script>
</head>
<body>
<iframe src="/examples/html/div-layout.asp"></iframe>
</body>
</html>FAQ 相关问题解答
以下是与此主题相关的更多常见问题解答：
Advertisements