事件介绍
.ready( func )
文档在浏览器加载完成后的回调事件
.ready()在document与window对象上时,只会触发一次!而jQuery在某些情况下会触发两次
.touch( start , move , end )
触摸开始时触发事件(在PC浏览器中操作为鼠标左键摁住拖动)
参数类型介绍
startfunction触摸开始函数
movefunction手指移动函数
endfunction触摸结束函数
回调参数 1 = event对象
回调参数 2 = object对象(见下方参数介绍)
回调参数
参数类型介绍
actionstring动作名称
top/right/bottom/left
start事件不回调
moveXnumber基于起始坐标X的偏移值
start事件不回调
moveYnumber基于起始坐标Y的偏移值
start事件不回调
currentXnumber当前动作X的新坐标
currentYnumber当前动作Y的新坐标
startXnumber起始坐标Y值
startYnumber起始坐标Y值
你可以通过该事件完成各种tab切换、轮播图、窗口管理等等
.touchlong( Func )
在元素上长时间按下时触发的事件(支持PC/移动端)
回调参数 1 = event对象
.touchstart( Func )
移动端,触摸开始时触发事件
回调参数 1 = event对象
.touchmove( Func )
移动端,触摸过程中触发事件(注意:该事件会一直触发)
回调参数 1 = event对象
.touchend( Func )
移动端,触摸结束触发事件
回调参数 1 = event对象
.on( event , selector , func )
绑定一个事件,只有三个参数
参数类型介绍
eventstring 必需
要移除的事件名称
多个事件以空格分割
支持命名空间,格式:xxx.click
(xxx支持数字字母并区分大小写)
selectorstring可选
子级选择器
如不需要子级,该参数支持传递function
funcfunction必须
需要绑定的事件
命名空间只适用于通过 .on() 进行绑定
.off( event , function )
解除一个事件,只有两个参数
参数类型介绍
eventstring 必需
要移除的事件名称
多个事件以空格分割
支持命名空间,格式:xxx.click
(xxx支持数字字母并区分大小写)
functionfunction必须
需要移除的事件(on绑定时的function)
以上为常规事件的委托和解除

以上为带命名空间事件委托和解除

命名空间区分大小写!

.hover( func1 , func2 )
鼠标经过事件
参数介绍
func1鼠标经过时的回调函数
func2可选
鼠标离开后的回调函数
如果没有第二个函数时,鼠标离开会回调第一个函数
鼠标经过这里试试
.trigger( eventName )
在被选择的元素上触发指定事件
参数介绍
eventName需要触发的事件名称
多个名称以空格分割
.resize( func )
window窗口大小被改变时触发事件
.scroll( func )
选定元素滚动条位置改变时触发事件
.click()
元素被点击后触发,与jQuery用法相同
鼠标单击这里试试
.dblclick()
元素被双击后触发,与jQuery用法相同
鼠标双击这里试试
.blur()
表单失去焦点触发,与jQuery用法相同
点击输入框试试
.focus()
表单获得焦点触发,与jQuery用法相同
点击输入框试试
.focusin()
当元素或其任意子元素获得焦点事件
与 .focus() 方法不同的是,.focusin() 方法在任意子元素获得焦点时也会触发。
.focusout()
当元素或其任意子元素失去焦点事件
与 .blur() 方法不同的是,.focusout() 方法在任意子元素失去焦点时也会触发。
.mousedown()
在元素上按下鼠标左键时触发,与jQuery用法相同
点击这里试试
.mouseup()
在元素上释放鼠标左键时触发,与jQuery用法相同
.mousemove()
在元素上移动鼠标时触发(多次触发,直到鼠标离开),与jQuery用法相同
子级
.mouseover()
鼠标位于元素中时触发,与jQuery用法相同
子级
.mouseout()
鼠标离开元素后触发(包括子元素),与jQuery用法相同
.mouseenter()
鼠标经过被选元素时触发(一次触发,与mousemove有区别),与jQuery用法相同
.mouseleave()
鼠标离开元素时触发(与mouseout有区别),与jQuery用法相同
子级
.change()
元素值改变后触发,与jQuery用法相同

当用于 select 元素时,change 事件会在选择某个选项时发生。

当用于 text field 或 text area 时,该事件会在元素失去焦点时发生。

.select()
选中文本框内容 或 触发文本框select事件
直接选中文本框所有文字
在文本框里选中文字后触发回调函数
.keydown()
按键按下时触发,与jQuery用法相同
在输入框中按ctrl键试试
.keypress()
按键按下时触发(不包含菜单键如 ALT、CTRL、SHIFT、ESC)与jQuery用法相同
在输入框中按ctrl键试试
.keyup()
按键弹起后触发,与jQuery用法相同
在输入框中按ctrl键试试
.contextmenu()
鼠标右键点击触发,与jQuery用法相同
鼠标右击这里试试
模板引擎
基本语法