我试图将元素悬停在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/>
有什么想法吗?