Question

我通过HTML Object标签在我的网站上加载外部网站，我希望通过addEventListener在Object内部进行右键单击，但我无法弄清楚如何。

这是我的代码：

<html lang="en">
    <head>
        <script>
            function fill(){
                var miobj = document.getElementById('miobj');
                miobj.addEventListener('contextmenu', handleEvent, true);
                document.addEventListener('contextmenu', handleEvent, true);
            }

            function handleEvent (event) {
                alert("working");
            }
        </script>
    </head>
<body>
    <button type="button" id="fill" onclick="fill()">Fill</button>
    <object id='miobj' style="width:800px;height:600px;" data="http://validator.w3.org/" />
</body>
</html>

当我点击我的按钮时，eventlistener被添加到我的文档中，因此，如果我右键单击该按钮（或我文档中的任何位置），＆＃34; working＆＃34;警告pops，但是如果我在对象中加载的网站内右键单击，则没有任何反应。我想这样做是为了防止在对象内部进行右键单击。所以必须要有办法。

我知道我所引用的方式一定是缺少的东西，应该是这样的：

var miobj = document.getElementById('miobj').window;

或者其他什么东西，我尝试了几种方法，但我还没能弄明白。

我也知道可以这样做，因为chrome extension与我尝试做的相反，并且它有效，如果我将禁用右键的网站加载到我的网站，扩展程序启用右键单击网站内部。

任何人都知道如何做到这一点？

如何在Html对象标记中将eventlistener添加到对象？

0 个答案: