文献种类:专题技术总结文献;
开发工具与关键技术:DW与 JavaScript
作者: 陈良鑫 ;年级: 19 ;撰写时间: 2020 年 4 月 28 日
JavaQuery事件
开发工具与关键技术:Adobe Dreamweaver JavaScript
作者:陈良鑫
撰写时间:2020年4月28日
mouseover与mouseenter的区别:{
mouseover如果鼠标指针穿过选定元素的任何子元素,都会触发mouseover事件,
mouseenter如果鼠标指针穿过选定元素的任何子元素不会触发mouseenter事件}
mouseout与mouseleave的区别:{
mouseout不论鼠标指针离开被选元素还是任何子元素,都会触发mouseout事件。
mouseleave只有在鼠标指针离开被选元素时,才会触发 mouseleave 事件}
- focus() 事件
当元素获得焦点时,触发focus事件。可以通过鼠标点击或者键盘上的TAB导航触发。
这将触发所有绑定的focus函数 - blur() 事件
当元素失去焦点时触发 blur 事件。
这个函数会调用执行绑定到blur事件的所有函数,包括浏览器的默认行为。
可以通过返回false来防止触发浏览器的默认行为。blur事件会在元素失去焦点的时候触发,
既可以是鼠标行为,也可以是按tab键离开的
keydown()事件
当键盘或按钮被按下时,发生keydown事件。
keyup()事件
当按钮被松开时,发生keyup事件。它发生在当前获得焦点的元素上。
事件对象的属于与方法有很多,但是我们经常用的只有那么几个,这里我主要说下作用与区别
event.type:获取事件的类型
触发元素的事件类型
(
"
a
"
)
.
c
l
i
c
k
(
f
u
n
c
t
i
o
n
(
e
v
e
n
t
)
a
l
e
r
t
(
e
v
e
n
t
.
t
y
p
e
)
;
/
/
"
c
l
i
c
k
"
事
件
)
;
e
v
e
n
t
.
p
a
g
e
X
和
e
v
e
n
t
.
p
a
g
e
Y
:
获
取
鼠
标
当
前
相
对
于
页
面
的
坐
标
通
过
这
2
个
属
性
,
可
以
确
定
元
素
在
当
前
页
面
的
坐
标
值
,
鼠
标
相
对
于
文
档
的
左
边
缘
的
位
置
(
左
边
)
与
(
顶
边
)
的
距
离
,
简
单
来
说
是
从
页
面
左
上
角
开
始
,
即
是
以
页
面
为
参
考
点
,
不
随
滑
动
条
移
动
而
变
化
e
v
e
n
t
.
p
r
e
v
e
n
t
D
e
f
a
u
l
t
(
)
方
法
:
阻
止
默
认
行
为
这
个
用
的
特
别
多
,
在
执
行
这
个
方
法
后
,
如
果
点
击
一
个
链
接
(
a
标
签
)
,
浏
览
器
不
会
跳
转
到
新
的
U
R
L
去
了
。
我
们
可
以
用
e
v
e
n
t
.
i
s
D
e
f
a
u
l
t
P
r
e
v
e
n
t
e
d
(
)
来
确
定
这
个
方
法
是
否
(
在
那
个
事
件
对
象
上
)
被
调
用
过
了
e
v
e
n
t
.
s
t
o
p
P
r
o
p
a
g
a
t
i
o
n
(
)
方
法
:
阻
止
事
件
冒
泡
事
件
是
可
以
冒
泡
的
,
为
防
止
事
件
冒
泡
到
D
O
M
树
上
,
也
就
是
不
触
发
的
任
何
前
辈
元
素
上
的
事
件
处
理
函
数
e
v
e
n
t
.
w
h
i
c
h
:
获
取
在
鼠
标
单
击
时
,
单
击
的
是
鼠
标
的
哪
个
键
e
v
e
n
t
.
w
h
i
c
h
将
e
v
e
n
t
.
k
e
y
C
o
d
e
和
e
v
e
n
t
.
c
h
a
r
C
o
d
e
标
准
化
了
。
e
v
e
n
t
.
w
h
i
c
h
也
将
正
常
化
的
按
钮
按
下
(
m
o
u
s
e
d
o
w
n
和
m
o
u
s
e
u
p
e
v
e
n
t
s
)
,
左
键
报
告
1
,
中
间
键
报
告
2
,
右
键
报
告
3
e
v
e
n
t
.
c
u
r
r
e
n
t
T
a
r
g
e
t
:
在
事
件
冒
泡
过
程
中
的
当
前
D
O
M
元
素
冒
泡
前
的
当
前
触
发
事
件
的
D
O
M
对
象
,
等
同
于
t
h
i
s
.
t
h
i
s
和
e
v
e
n
t
.
t
a
r
g
e
t
的
区
别
:
j
s
中
事
件
是
会
冒
泡
的
,
所
以
t
h
i
s
是
可
以
变
化
的
,
但
e
v
e
n
t
.
t
a
r
g
e
t
不
会
变
化
,
它
永
远
是
直
接
接
受
事
件
的
目
标
D
O
M
元
素
;
.
t
h
i
s
和
e
v
e
n
t
.
t
a
r
g
e
t
都
是
d
o
m
对
象
如
果
要
使
用
j
q
u
e
y
中
的
方
法
可
以
将
他
们
转
换
为
j
q
u
e
r
y
对
象
。
比
如
t
h
i
s
和
("a").click(function(event) { alert(event.type); // "click"事件 }); event.pageX 和 event.pageY:获取鼠标当前相对于页面的坐标 通过这2个属性,可以确定元素在当前页面的坐标值,鼠标相对于文档的左边缘的位置(左边)与 (顶边)的距离,简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化 event.preventDefault() 方法:阻止默认行为 这个用的特别多,在执行这个方法后,如果点击一个链接(a标签),浏览器不会跳转到新的 URL 去了。我们可以用 event.isDefaultPrevented() 来确定这个方法是否(在那个事件对象上)被调用过了 event.stopPropagation() 方法:阻止事件冒泡 事件是可以冒泡的,为防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数 event.which:获取在鼠标单击时,单击的是鼠标的哪个键 event.which 将 event.keyCode 和 event.charCode 标准化了。event.which也将正常化的按钮按下(mousedown 和 mouseupevents),左键报告1,中间键报告2,右键报告3 event.currentTarget : 在事件冒泡过程中的当前DOM元素 冒泡前的当前触发事件的DOM对象, 等同于this. this和event.target的区别: js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素; .this和event.target都是dom对象 如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和
("a").click(function(event)alert(event.type);//"click"事件);event.pageX和event.pageY:获取鼠标当前相对于页面的坐标通过这2个属性,可以确定元素在当前页面的坐标值,鼠标相对于文档的左边缘的位置(左边)与(顶边)的距离,简单来说是从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化event.preventDefault()方法:阻止默认行为这个用的特别多,在执行这个方法后,如果点击一个链接(a标签),浏览器不会跳转到新的URL去了。我们可以用event.isDefaultPrevented()来确定这个方法是否(在那个事件对象上)被调用过了event.stopPropagation()方法:阻止事件冒泡事件是可以冒泡的,为防止事件冒泡到DOM树上,也就是不触发的任何前辈元素上的事件处理函数event.which:获取在鼠标单击时,单击的是鼠标的哪个键event.which将event.keyCode和event.charCode标准化了。event.which也将正常化的按钮按下(mousedown和mouseupevents),左键报告1,中间键报告2,右键报告3event.currentTarget:在事件冒泡过程中的当前DOM元素冒泡前的当前触发事件的DOM对象,等同于this.this和event.target的区别:js中事件是会冒泡的,所以this是可以变化的,但event.target不会变化,它永远是直接接受事件的目标DOM元素;.this和event.target都是dom对象如果要使用jquey中的方法可以将他们转换为jquery对象。比如this和(this)的使用、event.target和$(event.target)的使用;
链接
发表平台 文章发表网站链接URL 文章发表网站链接【二维码】 发表者
CSDN个人博客
https://blog.csdn.net/
https://blog.csdn.net/weixin_44563954/article/details/86534500
学生本人
陈良鑫
CSDN专业技术论坛
https://bbs.csdn.net/
.NET、Java、Web、数据库开发、企业IT(地理信息系统)、云计算、移动开发、开发语言等 每个月发布在同一个主题下,每个月的网页链接和二维码都是同一个。 学生本人
陈良鑫
https://bbs.csdn.net/topics/392512019
百度贴吧:广信IT学院吧
https://tieba.baidu.com/f?kw=%E5%B9%BF%E4%BF%A1it%E5%AD%A6%E9%99%A2
(百度贴吧正文开头添加本文章CSDN的两个发表链接) 每个月发布在同一个主题下,每个月的网页链接和二维码都是同一个。 学生本人
陈良鑫
百度贴吧:广东信息科技职业培训学院吧
https://tieba.baidu.com/f?kw=%E5%B9%BF%E4%B8%9C%E4%BF%A1%E6%81%AF%E7%A7%91%E6%8A%80%E8%81%8C%E4%B8%9A%E5%9F%B9%E8%AE%AD%E5%AD%A6%E9%99%A2
(百度贴吧正文开头添加本文章CSDN的两个发表链接) 学生本人
陈良鑫
广信IT学院
官网
www.gxrjxy.cn
学院督导