jmgraph 3.2.16 → 3.2.18

package/src/core/jmEvents.js

@@ -1,281 +1,240 @@
-import {jmUtils} from "./jmUtils.js";
-/**
- * 事件模型
- *
- * @class jmEvents
- * @for jmGraph
- */
-export default class jmEvents {
-
-	constructor(container, target) {
-		this.container = container;
-		this.target = target || container;
-		this.mouseHandler = new jmMouseEvent(this, container, target);
-		this.keyHandler = new jmKeyEvent(this, container, target);
-	}
-
-	touchStart(evt) {
-		evt = evt || window.event;
-		evt.eventName = 'touchstart';
-		this.container.raiseEvent('touchstart',evt);
-		let t = evt.target || evt.srcElement;
-		if(t == this.target) {
-			//if(evt.preventDefault) evt.preventDefault();
-			return false;
-		}
-	};
-
-	touchMove(evt) {
-		evt = evt || window.event;
-		evt.eventName = 'touchmove';
-		this.container.raiseEvent('touchmove',evt);
-		let t = evt.target || evt.srcElement;
-		if(t == this.target) {
-			//if(evt.preventDefault) evt.preventDefault();
-			return false;
-		}
-	};
-
-	touchEnd(evt) {
-		evt = evt || window.event;
-		evt.eventName = 'touchend';
-		
-		this.container.raiseEvent('touchend',evt);
-		let t = evt.target || evt.srcElement;
-		if(t == this.target) {
-			//if(evt.preventDefault) evt.preventDefault();
-			return false;
-		}
-	};
-
-	touchCancel(evt) {
-		evt = evt || window.event;
-		evt.eventName = 'touchcancel';
-		
-		this.container.raiseEvent('touchcancel',evt);
-		let t = evt.target || evt.srcElement;
-		if(t == this.target) {
-			//if(evt.preventDefault) evt.preventDefault();
-			return false;
-		}
-	};
-
-	tap(evt) {
-		evt = evt || window.event;
-		evt.eventName = 'tap';
-		
-		this.container.raiseEvent('tap',evt);
-		let t = evt.target || evt.srcElement;
-		if(t == this.target) {
-			//if(evt.preventDefault) evt.preventDefault();
-			return false;
-		}
-	};
-
-	// 销毁
-	destroy() {
-		this.mouseHandler.destroy();
-		this.keyHandler.destroy();
-	}
-}
-
-/**
- * 鼠标事件处理对象，container 为事件主体，target为响应事件对象
- */
-class jmMouseEvent {
-	constructor(instance, container, target) {
-		this.instance = instance;
-		this.container = container;
-		this.target = target || container;
-
-		this.eventEvents = {};// 所有绑定的事件
-
-		this.init(instance, container, target);
-	}
-	
-	init(instance, container, target) {
-		let canvas = this.target;	
-		let doc = typeof document != 'undefined'? document: null;
-		//禁用鼠标右健系统菜单
-		//canvas.oncontextmenu = function() {
-		//	return false;
-		//};
-
-		this.eventEvents['mousedown'] = jmUtils.bindEvent(this.target,'mousedown',function(evt) {
-			evt = evt || window.event;
-			evt.eventName = 'mousedown';
-			let r = container.raiseEvent('mousedown',evt);
-			//if(r === false) {
-				//if(evt.preventDefault) evt.preventDefault();
-				//return false;
-			//}				
-		});
-		
-		this.eventEvents['mousemove'] = jmUtils.bindEvent(this.target,'mousemove',function(evt) {	
-			evt = evt || window.event;		
-			evt.eventName = 'mousemove';
-			let target = evt.target || evt.srcElement;
-			if(target == canvas) {
-				let r = container.raiseEvent('mousemove',evt);
-				//if(r === false) {
-					if(evt.preventDefault) evt.preventDefault();
-					return false;
-				//}		
-			}				
-		});
-		
-		this.eventEvents['mouseover'] = jmUtils.bindEvent(this.target,'mouseover',function(evt) {
-			evt = evt || window.event;	
-			evt.eventName = 'mouseover';
-			container.raiseEvent('mouseover',evt);
-		});
-		this.eventEvents['mouseleave'] = jmUtils.bindEvent(this.target,'mouseleave',function(evt) {
-			evt = evt || window.event;	
-			evt.eventName = 'mouseleave';
-			container.raiseEvent('mouseleave',evt);
-		});			
-		this.eventEvents['mouseout'] = jmUtils.bindEvent(this.target,'mouseout',function(evt) {
-			evt = evt || window.event;	
-			evt.eventName = 'mouseout';
-			container.raiseEvent('mouseout',evt);
-		});
-		doc && (this.eventEvents['mouseup'] = jmUtils.bindEvent(doc,'mouseup',function(evt) {
-			evt = evt || window.event;	
-			evt.eventName = 'mouseup';
-			//let target = evt.target || evt.srcElement;
-			//if(target == canvas) {						
-				let r = container.raiseEvent('mouseup',evt);
-				if(r === false) {
-					if(evt.preventDefault) evt.preventDefault();
-					return false;
-				}					
-			//}
-		}));
-		
-		this.eventEvents['dblclick'] = jmUtils.bindEvent(this.target,'dblclick',function(evt) {
-			evt = evt || window.event;
-			evt.eventName = 'dblclick';
-			container.raiseEvent('dblclick',evt);
-		});
-		this.eventEvents['click'] = jmUtils.bindEvent(this.target,'click',function(evt) {
-			evt = evt || window.event;
-			evt.eventName = 'click';
-			container.raiseEvent('click',evt);
-		});
-
-		doc && (this.eventEvents['resize'] = jmUtils.bindEvent(doc,'resize',function(evt) {
-			evt = evt || window.event;
-			evt.eventName = 'resize';
-			return container.raiseEvent('resize',evt);
-		}));
-
-		// passive: false 为了让浏览器不告警并且preventDefault有效
-		// 另一种处理：touch-action: none; 这样任何触摸事件都不会产生默认行为，但是 touch 事件照样触发。
-		this.eventEvents['touchstart'] = jmUtils.bindEvent(this.target,'touchstart', function(evt) {
-			evt.eventName = 'touchstart';
-			return instance.touchStart(evt);
-		},{ passive: false });
-
-		this.eventEvents['touchmove'] = jmUtils.bindEvent(this.target,'touchmove', function(evt) {
-			evt.eventName = 'touchmove';
-			return instance.touchMove(evt);
-		},{ passive: false });
-
-		doc && (this.eventEvents['touchend'] = jmUtils.bindEvent(doc,'touchend', function(evt) {
-			evt.eventName = 'touchend';
-			return instance.touchEnd(evt);
-		},{ passive: false }));
-
-		doc && (this.eventEvents['touchcancel'] = jmUtils.bindEvent(doc,'touchcancel', function(evt) {
-			evt.eventName = 'touchcancel';
-			return instance.touchCancel(evt);
-		},{ passive: false }));
-	}
-
-	// 销毁所有事件
-	destroy() {
-		for(let name in this.eventEvents) {
-			const event = this.eventEvents[name];
-			if(!event || !event.fun) continue;
-			jmUtils.removeEvent(event.target, name, event.fun);
-		}
-	}
-}
-
-/**
- * 健盘事件处理对象，container 为事件主体，target为响应事件对象
- */
-class jmKeyEvent {
-	constructor(instance, container,target) {
-		this.instance = instance;
-		this.container = container;
-		this.target = target || container;
-
-		this.eventEvents = {};// 所有绑定的事件
-
-		this.init(container, target);
-	}
-
-	/**
-	 * 初始化健盘事件
-	 */
-	init(container, target) {
-		let doc = typeof document != 'undefined'? document: null;
-		/**
-		 * 检查是否触发健盘事件至画布
-		 * 如果触发对象为输入框等对象则不响应事件
-		 *  
-		 */
-		let checkKeyEvent = (evt) => {
-			let target = evt.srcElement || evt.target;
-			if(target && (target.tagName == 'INPUT' 
-				|| target.tagName == 'TEXTAREA'
-				|| target.tagName == 'ANCHOR' 
-				|| target.tagName == 'FORM' 
-				|| target.tagName == 'FILE'
-				|| target.tagName == 'IMG'
-				|| target.tagName == 'HIDDEN'
-				|| target.tagName == 'RADIO'
-				|| target.tagName == 'TEXT'	)) {
-				return false;
-			}
-			return true;
-		}
-
-		doc && (this.eventEvents['keypress'] = jmUtils.bindEvent(doc,'keypress',function(evt) {
-			evt = evt || window.event;
-			if(!checkKeyEvent(evt)) return;//如果事件为其它输入框，则不响应
-			let r = container.raiseEvent('keypress',evt);
-			if(r === false && evt.preventDefault) 
-				evt.preventDefault();
-			return r;
-		}));
-		doc && (this.eventEvents['keydown'] = jmUtils.bindEvent(doc,'keydown',function(evt) {
-			evt = evt || window.event;
-			if(!checkKeyEvent(evt)) return;//如果事件为其它输入框，则不响应
-			let r = container.raiseEvent('keydown',evt);
-			if(r === false && evt.preventDefault) 
-				evt.preventDefault();
-			return r;
-		}));
-		doc && (this.eventEvents['keyup'] = jmUtils.bindEvent(doc,'keyup',function(evt) {
-			evt = evt || window.event;
-			if(!checkKeyEvent(evt)) return;//如果事件为其它输入框，则不响应
-			let r = container.raiseEvent('keyup',evt);
-			if(r === false && evt.preventDefault) 
-				evt.preventDefault();
-			return r;
-		}));			
-	}
-
-	// 销毁所有事件
-	destroy() {
-		for(let name in this.eventEvents) {
-			const event = this.eventEvents[name];
-			if(!event || !event.fun) continue;
-			jmUtils.removeEvent(event.target, name, event.fun);
-		}
-	}
-}
-
-export { jmEvents };
+import {jmUtils} from "./jmUtils.js";
+
+export default class jmEvents {
+
+	constructor(container, target) {
+		this.container = container;
+		this.target = target || container;
+		this.mouseHandler = new jmMouseEvent(this, container, target);
+		this.keyHandler = new jmKeyEvent(this, container, target);
+	}
+
+	touchStart(evt) {
+		evt = evt || window.event;
+		evt.eventName = 'touchstart';
+		this.container.raiseEvent('touchstart',evt);
+		const t = evt.target || evt.srcElement;
+		if(t == this.target) {
+			return false;
+		}
+	};
+
+	touchMove(evt) {
+		evt = evt || window.event;
+		evt.eventName = 'touchmove';
+		this.container.raiseEvent('touchmove',evt);
+		const t = evt.target || evt.srcElement;
+		if(t == this.target) {
+			return false;
+		}
+	};
+
+	touchEnd(evt) {
+		evt = evt || window.event;
+		evt.eventName = 'touchend';
+		
+		this.container.raiseEvent('touchend',evt);
+		const t = evt.target || evt.srcElement;
+		if(t == this.target) {
+			return false;
+		}
+	};
+
+	touchCancel(evt) {
+		evt = evt || window.event;
+		evt.eventName = 'touchcancel';
+		
+		this.container.raiseEvent('touchcancel',evt);
+		const t = evt.target || evt.srcElement;
+		if(t == this.target) {
+			return false;
+		}
+	};
+
+	tap(evt) {
+		evt = evt || window.event;
+		evt.eventName = 'tap';
+		
+		this.container.raiseEvent('tap',evt);
+		const t = evt.target || evt.srcElement;
+		if(t == this.target) {
+			return false;
+		}
+	};
+
+	destroy() {
+		this.mouseHandler.destroy();
+		this.keyHandler.destroy();
+	}
+}
+
+class jmMouseEvent {
+	constructor(instance, container, target) {
+		this.instance = instance;
+		this.container = container;
+		this.target = target || container;
+
+		this.eventEvents = {};
+
+		this.init(instance, container, target);
+	}
+	
+	init(instance, container, target) {
+		const canvas = this.target;
+		const doc = typeof document != 'undefined'? document: null;
+
+		this.eventEvents['mousedown'] = jmUtils.bindEvent(this.target,'mousedown',function(evt) {
+			evt = evt || window.event;
+			evt.eventName = 'mousedown';
+			container.raiseEvent('mousedown',evt);
+		});
+		
+		this.eventEvents['mousemove'] = jmUtils.bindEvent(this.target,'mousemove',function(evt) {
+			evt = evt || window.event;
+			evt.eventName = 'mousemove';
+			const target = evt.target || evt.srcElement;
+			if(target == canvas) {
+				container.raiseEvent('mousemove',evt);
+				if(evt.preventDefault) evt.preventDefault();
+				return false;
+			}
+		});
+		
+		this.eventEvents['mouseover'] = jmUtils.bindEvent(this.target,'mouseover',function(evt) {
+			evt = evt || window.event;
+			evt.eventName = 'mouseover';
+			container.raiseEvent('mouseover',evt);
+		});
+		this.eventEvents['mouseleave'] = jmUtils.bindEvent(this.target,'mouseleave',function(evt) {
+			evt = evt || window.event;
+			evt.eventName = 'mouseleave';
+			container.raiseEvent('mouseleave',evt);
+		});
+		this.eventEvents['mouseout'] = jmUtils.bindEvent(this.target,'mouseout',function(evt) {
+			evt = evt || window.event;
+			evt.eventName = 'mouseout';
+			container.raiseEvent('mouseout',evt);
+		});
+		doc && (this.eventEvents['mouseup'] = jmUtils.bindEvent(doc,'mouseup',function(evt) {
+			evt = evt || window.event;
+			evt.eventName = 'mouseup';
+			const r = container.raiseEvent('mouseup',evt);
+			if(r === false) {
+				if(evt.preventDefault) evt.preventDefault();
+				return false;
+			}
+		}));
+		
+		this.eventEvents['dblclick'] = jmUtils.bindEvent(this.target,'dblclick',function(evt) {
+			evt = evt || window.event;
+			evt.eventName = 'dblclick';
+			container.raiseEvent('dblclick',evt);
+		});
+		this.eventEvents['click'] = jmUtils.bindEvent(this.target,'click',function(evt) {
+			evt = evt || window.event;
+			evt.eventName = 'click';
+			container.raiseEvent('click',evt);
+		});
+
+		doc && (this.eventEvents['resize'] = jmUtils.bindEvent(doc,'resize',function(evt) {
+			evt = evt || window.event;
+			evt.eventName = 'resize';
+			return container.raiseEvent('resize',evt);
+		}));
+
+		this.eventEvents['touchstart'] = jmUtils.bindEvent(this.target,'touchstart', function(evt) {
+			evt.eventName = 'touchstart';
+			return instance.touchStart(evt);
+		},{ passive: false });
+
+		this.eventEvents['touchmove'] = jmUtils.bindEvent(this.target,'touchmove', function(evt) {
+			evt.eventName = 'touchmove';
+			return instance.touchMove(evt);
+		},{ passive: false });
+
+		doc && (this.eventEvents['touchend'] = jmUtils.bindEvent(doc,'touchend', function(evt) {
+			evt.eventName = 'touchend';
+			return instance.touchEnd(evt);
+		},{ passive: false }));
+
+		doc && (this.eventEvents['touchcancel'] = jmUtils.bindEvent(doc,'touchcancel', function(evt) {
+			evt.eventName = 'touchcancel';
+			return instance.touchCancel(evt);
+		},{ passive: false }));
+	}
+
+	destroy() {
+		for(const name in this.eventEvents) {
+			const event = this.eventEvents[name];
+			if(!event || !event.fun) continue;
+			jmUtils.removeEvent(event.target, name, event.fun);
+		}
+	}
+}
+
+class jmKeyEvent {
+	constructor(instance, container,target) {
+		this.instance = instance;
+		this.container = container;
+		this.target = target || container;
+
+		this.eventEvents = {};
+
+		this.init(container, target);
+	}
+
+	init(container, target) {
+		const doc = typeof document != 'undefined'? document: null;
+
+		const checkKeyEvent = (evt) => {
+			const target = evt.srcElement || evt.target;
+			if(target && (target.tagName == 'INPUT' 
+				|| target.tagName == 'TEXTAREA'
+				|| target.tagName == 'ANCHOR' 
+				|| target.tagName == 'FORM' 
+				|| target.tagName == 'FILE'
+				|| target.tagName == 'IMG'
+				|| target.tagName == 'HIDDEN'
+				|| target.tagName == 'RADIO'
+				|| target.tagName == 'TEXT'	)) {
+				return false;
+			}
+			return true;
+		}
+
+		doc && (this.eventEvents['keypress'] = jmUtils.bindEvent(doc,'keypress',function(evt) {
+			evt = evt || window.event;
+			if(!checkKeyEvent(evt)) return;
+			const r = container.raiseEvent('keypress',evt);
+			if(r === false && evt.preventDefault) 
+				evt.preventDefault();
+			return r;
+		}));
+		doc && (this.eventEvents['keydown'] = jmUtils.bindEvent(doc,'keydown',function(evt) {
+			evt = evt || window.event;
+			if(!checkKeyEvent(evt)) return;
+			const r = container.raiseEvent('keydown',evt);
+			if(r === false && evt.preventDefault) 
+				evt.preventDefault();
+			return r;
+		}));
+		doc && (this.eventEvents['keyup'] = jmUtils.bindEvent(doc,'keyup',function(evt) {
+			evt = evt || window.event;
+			if(!checkKeyEvent(evt)) return;
+			const r = container.raiseEvent('keyup',evt);
+			if(r === false && evt.preventDefault) 
+				evt.preventDefault();
+			return r;
+		}));
+	}
+
+	destroy() {
+		for(const name in this.eventEvents) {
+			const event = this.eventEvents[name];
+			if(!event || !event.fun) continue;
+			jmUtils.removeEvent(event.target, name, event.fun);
+		}
+	}
+}
+
+export { jmEvents };