我是编程新手,请多多包涵。下面是我的代码:
$(function(){
document.getElementById("custom_link").addEventListener("mouseover",function(){
document.getElementById("siteContent").contentDocument.getElementById("custom_div").classList.toggle('highlightDiv');
},false)})
$(function(){
document.getElementById("custom_link").addEventListener("click",function(){
document.getElementById("siteContent").contentDocument.getElementById("custom_div").classList.add('highlightDiv');
},false)})
我想做的是:
- 当用户将鼠标悬停在“custom_link”上时,“custom_div”被突出显示。
- 当用户将鼠标移出“custom_link”时,“custom_div”处的突出显示将被消除。
- 当用户点击“custom_link”时,“custom_div”再次被突出显示。但是,当用户将鼠标移出时,'highlightDiv' 仍然被添加到“custom_div”中。
根据我的代码,它不能正常工作,因为悬停时的行为很奇怪。如果您能用完整的代码结构或 jsfiddle 示例向我解释一下,那就太好了。感谢您的提前帮助。