我想知道这个jq应该怎么写

Question

以下是HTML

<input type="text" value="" name="user_name" class="u_text" id="user_name">
									<span class="sp_name" id="sp_name">手机号/会员名/邮箱</span>

以下是CSS

.sp_name{position: absolute; top:45px; left: 15px; color: #999;}
.undis{display:none;}
.dis{display:block;}

这个sp_name是在input 上面显示

当鼠标单击input username 时候 这个span 为不显示 当鼠标离开时 这个span 为显示内容 这个jq应该怎么写？

我写的是

$(function(){

		$(".sp_name").hover(
		  function () {
		    $(".sp_name").addClass("undis");
		  },
		  function () {
		    $(".sp_name").removeClass("dis");
		  }
		);

	})

Answer 1

楼上正解，我来补充。hover是鼠标覆盖事件；focus是获取焦点；blur是失去焦点。综上，应该选择focus和blur。

Answer 2

focus跟blur