有的时候,比如我要给对一个节点操作,比如两个动作,而且只有这两种状态,比如鼠标移入或者鼠标移出,我们首先会想用一个if  else吧,可是获取比较麻烦,可以给标签同时添加两个方法或者事件h函数,符合哪种状态对应执行哪件事情。

比如我要让一个标签元素设置移入显示一段文字,移出又执行一段文字。

<!DOCTYPE html>
<html>
<body>
<!-- onmouseover 这种为固定值用法,后面跟着 函数名字, 在<script>里调用 this 表示参数,这里写了,function里面也要写 -->
<div οnmοuseοver="mOver(this)" οnmοuseοut="mOut(this)" style="background-color:green;width:120px;height:20px;padding:40px;color:#ffffff;">把鼠标移到上面</div>
 
<script>
    var div = document.querySelector('div')
function mOver(div)
{
div.innerHTML="欢迎鼠标移入"
}
 
function mOut(div)
{
div.innerHTML="感谢鼠标移出"
}
</script>
</body>
</html>