2021-05-18

Posted 2021-06-05 牧云的少年

JQ鼠标事件的简介

       除了鼠标点击事件以外，还有着其他常用的鼠标事件和配合点击事件的事件比如on事件。

//给元素绑定一个点击事件 on方式

       $("#div1").on('click',function(e){

//e为事件对象 事件对象是用来记录一些事件发生时的相关信息的

 

   $(this).text("触发事件"+e.type);

   console.log(e);

})

 

还有JQ鼠标事件之hover事件

huover([over,]out)

   一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）

 

   当鼠标移动到一个匹配的元素上面时，会触发指定的第一个函数

参数说明：

 over：鼠标移到元素上要触发的函数

out：鼠标移出元素触发的函数

 out

当鼠标移到元素上或移出元素时触发的执行的事件函数

 

除此之外还有

JQ键盘事件之keydown()与keyup()事件

鼠标有mousedown,moseup之类的事件，这是根据人的手势动作分别执行的事件

 

keydown按下触发

keyup弹起触发

$(".target").keydown(function(e){

   $("em").first().text(e. target.value);

});

$(".target").keyup(function(e){

   $("em:last").text(e. target.value);

});