Javascript 指针事件无需通过单击
我试图让下面的代码在跨域iframe上工作,但是它捕捉到了点击而没有通过。有人能告诉我它怎么了吗Javascript 指针事件无需通过单击,javascript,jquery,Javascript,Jquery,我试图让下面的代码在跨域iframe上工作,但是它捕捉到了点击而没有通过。有人能告诉我它怎么了吗 <!DOCTYPE html> <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <meta
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div class="iframeholder">
<iframe src="https://somesite.com"></iframe>
</div>
</body>
</html>
<style>
iframe{pointer-events:none;}
</style>
<script>
$(document).ready(function () {
$('.iframeholder').on('click', function(e) {
e.preventDefault();
alert('test');
});
});
</script>
非常感谢您的帮助,我是一名新手:)您将无法使用javascript与iframe的DOM进行交互。这是一个覆盖,因此我最终可以看到有多少次点击,但是从看到这段代码时,我注意到点击并没有反馈到iframe。您的覆盖正在阻止它下面的元素。查看指针事件在上述代码中已设置为“无”,但这仍然会阻止单击。这有什么东西要做z索引吗?如果是这样的话,我该如何将其放入codecoull粘贴iframeholder css please.I使用的代码来自:iframe{pointer events:none;}由于iframe中的站点是跨域的,您很可能会遇到CORS异常,这将阻止您使用javascript访问iframes网站。
$( "iframeholder" )
.mousedown(function() {
$( this ).trigger('click');
})