空文档运行
打开IDE
事件介绍

与jQuery相比,KSA支持移动端触摸事件:开始(touchstart)、触摸过程(touchmove)、结束(touchend)、长按(touchlong)

精简了.on()与.off()事件

.touch( start , move , end )

移动端,触摸开始时触发事件

参数类型介绍
startfunction触摸开始函数
movefunction手指移动函数
endfunction触摸结束函数
回调参数 1 = event对象
回调参数 2 = object对象(见下方参数介绍)
回调参数2介绍
参数类型介绍
actionstring动作名称
top/right/bottom/left
start事件不回调
moveXnumber基于起始坐标X的偏移值
start事件不回调
moveYnumber基于起始坐标Y的偏移值
start事件不回调
currentXnumber当前动作X的新坐标
currentYnumber当前动作Y的新坐标
startXnumber起始坐标Y值
startYnumber起始坐标Y值

.touchlong( Func )

在元素上长时间按下时触发的事件(支持PC/移动端)

.touchstart( Func )

移动端,触摸开始时触发事件

.touchmove( Func )

移动端,触摸过程中触发事件(注意:该事件会一直触发)

.touchend( Func )

移动端,触摸结束触发事件

.on( event , selector , func )

绑定一个事件,只有三个参数

参数类型介绍
eventstring 必需
要移除的事件名称(支持命名空间)
多个事件以空格分割
selectorstring可选
子级选择器
如不需要子级,该参数支持传递function
funcfunction必须
需要绑定的事件

.off( event , function )

解除一个事件,只有两个参数

参数类型介绍
eventstring 必需
要移除的事件名称(支持命名空间)
多个事件以空格分割
functionfunction必须
需要移除的事件(on绑定时的function)

.ready( function )

元素被浏览器渲染完成后的回调,与jQuery用法相同

blur

表单失去焦点触发,与jQuery用法相同

.focus()

表单获得焦点触发,与jQuery用法相同

.focusin()

与jQuery用法相同

.focusout()

与jQuery用法相同

.resize()

窗口大小改变触发,与jQuery用法相同

.scroll()

滚动条变化触发,与jQuery用法相同

.click()

元素被点击后触发,与jQuery用法相同

.dblclick()

元素被双击后触发,与jQuery用法相同

.mousedown()

在元素上按下鼠标左键时触发,与jQuery用法相同

.mouseup()

在元素上释放鼠标左键时触发,与jQuery用法相同

.mousemove()

在元素上移动鼠标时触发(多次触发,直到鼠标离开),与jQuery用法相同

.mouseover()

鼠标位于元素中时触发,与jQuery用法相同

.mouseout()

鼠标离开元素后触发(包括子元素),与jQuery用法相同

.mouseenter()

鼠标经过被选元素时触发(一次触发,与mousemove有区别),与jQuery用法相同

.mouseleave()

鼠标离开元素时触发(与mouseout有区别),与jQuery用法相同

.change()

元素值改变后触发,与jQuery用法相同

.select()

全选表单内容,与jQuery用法相同

.keydown()

按键按下时触发,与jQuery用法相同

.keypress()

按键按下时触发(不包含菜单键如 ALT、CTRL、SHIFT、ESC)与jQuery用法相同

.keyup()

按键弹起后触发,与jQuery用法相同

.contextmenu()

鼠标右键点击触发,与jQuery用法相同