|
|
相关文章推荐
mouseenter()
当鼠标指针穿过元素时，会发生 mouseenter 事件。
mouseenter() 方法触发 mouseenter 事件，或规定当发生 mouseenter 事件时运行的函数：
$
(
"
#p1
"
)
.
mouseenter
(
function
(
)
{
alert
(
'
您的鼠标移到了 id="p1" 的元素上!
'
)
;
}
)
;
尝试一下 »
mouseleave()
当鼠标指针离开元素时，会发生 mouseleave 事件。
mouseleave() 方法触发 mouseleave 事件，或规定当发生 mouseleave 事件时运行的函数：
$
(
"
#p1
"
)
.
mouseleave
(
function
(
)
{
alert
(
"
再见，您的鼠标离开了该段落。
"
)
;
}
)
;
尝试一下 »
mousedown()
当鼠标指针移动到元素上方，并按下鼠标按键时，会发生 mousedown 事件。
mousedown() 方法触发 mousedown 事件，或规定当发生 mousedown 事件时运行的函数：
$
(
"
#p1
"
)
.
mousedown
(
function
(
)
{
alert
(
"
鼠标在该段落上按下！
"
)
;
}
)
;
尝试一下 »
mouseup()
当在元素上松开鼠标按钮时，会发生 mouseup 事件。
mouseup() 方法触发 mouseup 事件，或规定当发生 mouseup 事件时运行的函数：
$
(
"
#p1
"
)
.
mouseup
(
function
(
)
{
alert
(
"
鼠标在段落上松开。
"
)
;
}
)
;
尝试一下 »
hover()
hover()方法用于模拟光标悬停事件。
当鼠标移动到元素上时，会触发指定的第一个函数(mouseenter);当鼠标移出这个元素时，会触发指定的第二个函数(mouseleave)。
$
(
"
#p1
"
)
.
hover
(
function
(
)
{
alert
(
"
你进入了 p1!
"
)
;
function
(
)
{
alert
(
"
拜拜! 现在你离开了 p1!
"
)
;
尝试一下 »
尝试一下 »
尝试一下 »
#0
#0
#0
尝试一下 »
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
"
)
;
}
)
;
尝试一下 »
yuanchaowhut
yua***[email protected]
1.keydown：在键盘上按下某键时发生,一直按着则会不断触发（opera浏览器除外）, 它返回的是键盘代码;
2.keypress：在键盘上按下一个按键，并产生一个字符时发生, 返回ASCII码。注意:
shift、alt、ctrl
等键按下并不会产生字符，所以监听无效 ,换句话说, 只有按下能在屏幕上输出字符的按键时keypress事件才会触发。若一直按着某按键则会不断触发。
3.keyup：用户松开某一个按键时触发, 与keydown相对, 返回键盘代码.
二.两种常用用法举例
案例1:获取按键代码或字符的ASCII码
$(window).keydown( function(event){ // 通过event.which可以拿到按键代码. 如果是keypress事件中,则拿到ASCII码.案例2:传递数据给事件处理函数
语法:
jQueryObject.keypress( [[ data ,] handler ] );data: 通过event.data传递给事件处理函数的任意数据; handler: 指定的事件处理函数;// 只允许按下的字母键生效, 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; } );
Cinema
320***[email protected]
1. 获取事件对象
$(document).ready(function(){ $(window).keypress(function(event){ //获取事件对象，里面包含各种有用的信息。 console.log(event); //console.log(event.which);2. keypress事件获取键入字符
$(window).keypress(function(event){ //event.which是获取ASCII码，前面的函数是将ASCII码转换成字符，空格键和Enter键输出均为空白。 console.log(String.fromCharCode(event.which)); //从event对象中key属性获取字符，但是Enter键的key值为"Enter"，空白键还是空白" "。 console.log(event.key); });
麦当很努力
211***[email protected]
推荐文章