如何使用addEventListener鼠标悬停将鼠标悬停在iframe中

时间:2018-12-13 15:44:37

标签: javascript

我试图将元素悬停在iframe内,我的js将整个iframe悬停,我需要将选定的元素悬停在mouseover函数上。

            var iframeTag = document.getElementById('frameID');
            iframeTag.onload = function() {  

              //let iframeDoc = iframeTag.contentDocument || iframeTag.contentWindow.document;

                document.getElementById('frameID').addEventListener('mouseover',mouseInspectorOn ,true);
                document.getElementById('frameID').addEventListener('mouseout',mouseInspectorOut ,true);
                document.getElementById('frameID').addEventListener('click',doComment ,true);

            };

            function mouseInspectorOn(evt) {

                element = evt.target;

                element.style.borderWidth = '2px';
                element.style.borderStyle = 'solid';
                element.style.borderColor = '#f00';
            }


            function mouseInspectorOut(evt) {

                evt.target.style.borderStyle = 'none';
            }


            function doComment(evt) {

                var selection = evt.target.innerHTML;

                alert('Element is: ' + evt.target.toString() + '\n\nSelection is:\n\n' + selection);
                return false;
            }

            <script/>

有什么想法吗?

0 个答案:

没有答案