鼠标移入移出事件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了鼠标移入移出事件相关的知识,希望对你有一定的参考价值。

<a title="免费电话" target="_blank" class="box1_right_a14" onmouseover="display1()" onmouseout="disappear1()"><samp></samp>免费电话</a>
<div id="box" class="telephong" onmouseover="display1()" onmouseout="disappear1()">
<input id="telInput_2" class="tex" type="text" onblur="if (this.value==‘‘)this.value=‘输入您的电话号码‘" onfocus="if (this.value==‘输入您的电话号码‘)this.value=‘‘" value="输入您的电话号码" />
<input id="callBtn_2" class="sub" type="submit" value="免费回电"/>
</div>

 

<script>
function display1(){ document.getElementById("box").style.display="block"; }
function disappear1(){ document.getElementById("box").style.display="none"; }
</script>

以上是关于鼠标移入移出事件的主要内容,如果未能解决你的问题,请参考以下文章

认清鼠标移入移出事件

jQuery的hover事件,鼠标经过能显示子菜单,移出就不能隐藏子菜单。代码如下

jquery鼠标移入移出

vue中鼠标移入移出,怎么让其切换到里面的内容

javascript鼠标移入移出事件

鼠标悬浮事件