jQuery 事件

jQuery 事件

click() 鼠标单击

$("p").click(function(){
  $(this).hide();
});

dblclick() 鼠标双击

$("p").dblclick(function(){
  $(this).hide();
});

mouseenter() 鼠标进入

$("#p1").mouseenter(function(){
    alert('您的鼠标移到了 id="p1" 的元素上!');
});

mouseleave() 鼠标离开

$("#p1").mouseleave(function(){
    alert("再见,您的鼠标离开了该段落。");
});

mousedown() 鼠标按下

$("#p1").mousedown(function(){
    alert("鼠标在该段落上按下!");
});

mouseup() 鼠标松开

$("#p1").mouseup(function(){
    alert("鼠标在段落上松开。");
});

hover() 鼠标悬停

$("#p1").hover(
    function(){
        alert("你进入了 p1!");
    },
    function(){
        alert("拜拜! 现在你离开了 p1!");
    }
);

focus() 元素聚焦

$("input").focus(function(){
  $(this).css("background-color","#cccccc");
});

blur() 元素失焦

$("input").blur(function(){
  $(this).css("background-color","#ffffff");
});

keydown() 键盘按下

按下任意按钮,长按不断触发

$(window).keydown( function(event){
   // 通过event.which可以拿到按键代码.  如果是keypress事件中,则拿到ASCII码.
} );

keypress() 键盘按下

按下可以返回字符的按钮(shift、ctrl、alt等不算),长按不断出发

$(window).keydown( function(event){
   // 通过event.which可以拿到按键代码.  如果是keypress事件中,则拿到ASCII码.
} );
// 只允许按下的字母键生效, 65~90是所有大写字母的键盘代码范围.
var validKeys = { start: 65, end: 90  };
$("#keys").keypress( validKeys, function(event){
    var keys = event.data;  //拿到validKeys对象.
    return event.which >= keys.start && event.which <= keys.end;
} );

keyup() 键盘松开

松开任意按钮

版权声明:本文为 溪月阁 | MoBrook 博主「 皓月 」的原创文章遵循用 CC BY-NC-SA 4.0 版权协议进行许可,转载请附上原文出处链接及本声明。

本文链接https://mobrook.cn/index.php/kanni-112/

上一篇:

没有了,已经是最新文章