首页 / 知识

hover()方法使用说明

2023-04-11 13:17:00

hover()方法使用说明
hover()
hover()方法用于模拟光标悬停事件。
 
当鼠标移动到元素上时,会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时,会触发指定的第二个函数(mouseleave)。
 
实例
$("#p1").hover(
    function(){
        alert("你进入了 p1!");
    },
    function(){
        alert("拜拜! 现在你离开了 p1!");
    }
);
 
 
focus()
当元素获得焦点时,发生 focus 事件。
 
当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。
 
focus() 方法触发 focus 事件,或规定当发生 focus 事件时运行的函数:
 
实例
$("input").focus(function(){
  $(this).css("background-color","#cccccc");
});
 
 
blur()
当元素失去焦点时,发生 blur 事件。
 
blur() 方法触发 blur 事件,或规定当发生 blur 事件时运行的函数:
 
实例
$("input").blur(function(){
  $(this).css("background-color","#ffffff");
});

方法使用说明光标用于模拟元素

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢