jqueryのmouseleaveとmouseoutの違いドロップダウンボックスの効果を模倣する
1314 ワード
1.マウスポインタが選択された要素から離れてもサブ要素から離れてもmouseoutイベントがトリガーされます.
2.mouseleaveイベントは、マウスポインタが選択された要素から離れる場合にのみトリガーされます.
2.mouseleaveイベントは、マウスポインタが選択された要素から離れる場合にのみトリガーされます.
<br>$(".sel_box").click(function(event){
<br>if(event.target.id == 'sel_dept'){
<br>$("#sel_dept_sh").show(); //
<br>$("#sel_dept_sh p font").click(function(){
<br>$("#sel_dept").val('');
<br>var text = $(this).text();
<br>// alert(text);
<br>$("#sel_dept").val(text).css("color","#000");
<br>$("#sel_dept_sh").hide();
<br>});
<br>}else{
<br>$("#sel_dept_sh").hide();
<br>}
<br>});
<br>$(".sel_box").bind("mouseleave",function(){// mouseleave
<br>$(this).find(".hide").hide();
<br>});
<br>$(".sel_box").bind("mouseout",function(){// mouseout ，
<br>$(this).find(".hide").hide();
<br>});
<br>