文章目录
- 常用的选择器
- 事件
- **双击**
- **鼠标指针穿过元素**
- **鼠标指针离开元素**
- **鼠标指针移动到元素上方,并按下鼠标按键**
- **当在元素上松开鼠标按钮时**
- **光标悬停**
- **元素获得焦点**
- 当元素失去焦点时
常用的选择器
事件
单击
$("p").click();
双击
$("p").dblclick(function(){
$(this).hide();
});
鼠标指针穿过元素
$("#p1").mouseenter(function(){
alert('您的鼠标移到了 id="p1" 的元素上!');
});
鼠标指针离开元素
$("#p1").mouseleave(function(){
alert("再见,您的鼠标离开了该段落。");
});
鼠标指针移动到元素上方,并按下鼠标按键
$("#p1").mousedown(function(){
alert("鼠标在该段落上按下!");
});
当在元素上松开鼠标按钮时
$("#p1").mouseup(function(){
alert("鼠标在段落上松开。");
});
光标悬停
$("#p1").hover(
function(){
alert("你进入了 p1!");
},
function(){
alert("拜拜! 现在你离开了 p1!");
}
);
元素获得焦点
$("input").focus(function(){
$(this).css("background-color","#cccccc");
});
当元素失去焦点时
$("input").blur(function(){
$(this).css("background-color","#ffffff");
});
本文地址:https://blog.csdn.net/weixin_43755104/article/details/107383166