JS事件

· 事件 对象对外部动作进行的反应
· 事件流 事件的传递
· 事件对象 对事件的一个抽象
当事件触发式 系统会产生一个事件对象并将这个对象传递给事件函数 function(e){ } ie8及以下版本 需要兼容 e=e||widow.event

· Ie8以下有自己的事件对象定义 window.Event
· 兼容性写法 e=e||window event
· document时整个页面 body是有内容的部分

· 事件三要素
· 事件对象 事件绑定对象
· 事件名称 事件种类 on+事件名
· 事件处理函数 事件触发之后要做什么
· 事件写法
· HTML 将事件以属性的形式写入到页面中
按钮 ’

在js中完成事件的绑定
ojb.on.事件=fn 函数
· 脚本模型(现代事件绑定)
· 断点
点击事件. preventDefault()拦截默认行为
Return false 消费事件 超链接既有点击事件和跳转 先执行点击事件在转接 可以在点击事件中加如 return false
queryselector 只能被document调用 只能找第一个
getComputedStyle(this,null).background 当前行的背景色 修改前用
if(IsNAN(变量名字)) 判断是不是数字
Window 。Onload =function(){
} 页面加载完执行
window.οnresize=function(){}窗口尺寸改变事件
blur 失焦事件 光标离开
focus 聚焦 光标位置停留
moseenter moseleave mousemove 鼠标离开和点上鼠标移动
keydown keyup keypress
事件传递类型(事件流 )
· 冒泡 事件由最具体的对象触发 层层向外传递 直到最外层 主流浏览器
stopPropagation 阻止冒泡 ie8以下不支持
cancelBuble=true ie写法 propagation 传播
· 捕获 最外层触发 层层向内传递 最后到最内层 早期的浏览器
分类
· 鼠标事件:
click dblclick
mouseover mouseout
mouseenter mouseleave
mousedown mouseup mousemove
· 其它事件:
load change resize
· 焦点:
focus blur失焦 光标离开后执行
· 键盘事件:
keydown keyup keypress

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值