Skip to content

事件监听

监听点击事件

使用fair.on()方法监听事件:

ts
//目前支持的事件类型如下:
fair.on("click", (e) => {
	console.log("点击了")
})
fair.on('leftdown',(e)=>{
	console.log("左键按下",e)
})
fair.on('leftup',(e)=>{
	console.log("左键抬起",e)
})
fair.on("mousemove", (e) => {
	console.log("鼠标移动", e)
})
fair.on("dblclick", (e) => {
	console.log("双击", e)
})
fair.on("wheel", (e) => {
	console.log("缩放", e)
})
fair.on('rightclick',(e)=>{
	console.log("右键",e)
})
fair.on('rightdown',(e)=>{
	console.log("右键按下",e)
})
fair.on('rightup',(e)=>{
	console.log("右键抬起",e)
})
fair.on('middledown',(e)=>{
	console.log("中键按下",e)
})
fair.on('middleup',(e)=>{
	console.log("中键抬起",e)
})
fair.on('middleclick',(e)=>{
	console.log("中键点击",e)
})
fair.on('pinchstart',(e)=>{
	console.log("捏合开始",e)
})
fair.on('pinchend',(e)=>{
	console.log("捏合技术",e)
	ElMessage.success("捏合结束")
})
fair.on('pinchmove',(e)=>{
	console.log("捏合移动",e)
	ElMessage.success("捏合移动")
})

解除事件监听

使用fair.off解除事件监听:

ts
const cb1 = ()=>{
    console.log('111')
}
fair.on('click',cb1)
fair.on('click',()=>{
    console.log('222')
})

//解绑click事件绑定的cb1回调函数
fair.off('click',cb1) 

//解绑click类型的所有事件
fair.off('click')