You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							97 lines
						
					
					
						
							2.0 KiB
						
					
					
				
			
		
		
		
			
			
			
				
					
				
				
					
				
			
		
		
	
	
							97 lines
						
					
					
						
							2.0 KiB
						
					
					
				
								<!DOCTYPE html>
							 | 
						|
								<html lang="zh">
							 | 
						|
									<head>
							 | 
						|
										<meta charset="utf-8" />
							 | 
						|
										<base href="../../../" />
							 | 
						|
										<script src="page.js"></script>
							 | 
						|
										<link type="text/css" rel="stylesheet" href="page.css" />
							 | 
						|
									</head>
							 | 
						|
									<body>
							 | 
						|
										<h1>[name]</h1>
							 | 
						|
								
							 | 
						|
										<p class="desc">
							 | 
						|
											自定义对象的 JavaScript 事件。<br />
							 | 
						|
											[link:https://github.com/mrdoob/eventdispatcher.js EventDispatcher on GitHub]
							 | 
						|
										</p>
							 | 
						|
								
							 | 
						|
										<h2>代码示例</h2>
							 | 
						|
								
							 | 
						|
										<code>
							 | 
						|
										// 为自定义对象添加事件
							 | 
						|
								
							 | 
						|
										class Car extends EventDispatcher {
							 | 
						|
								
							 | 
						|
											start() {
							 | 
						|
								
							 | 
						|
												this.dispatchEvent( { type: 'start', message: 'vroom vroom!' } );
							 | 
						|
								
							 | 
						|
											};
							 | 
						|
								
							 | 
						|
										}
							 | 
						|
								
							 | 
						|
										// 使用自定义对象的事件
							 | 
						|
								
							 | 
						|
										const car = new Car();
							 | 
						|
								
							 | 
						|
										car.addEventListener( 'start', function ( event ) {
							 | 
						|
								
							 | 
						|
											alert( event.message );
							 | 
						|
								
							 | 
						|
										} );
							 | 
						|
								
							 | 
						|
										car.start();
							 | 
						|
										</code>
							 | 
						|
								
							 | 
						|
										<h2>构造函数</h2>
							 | 
						|
								
							 | 
						|
										<h3>[name]()</h3>
							 | 
						|
										<p>
							 | 
						|
										创建 EventDispatcher 对象。
							 | 
						|
										</p>
							 | 
						|
								
							 | 
						|
								
							 | 
						|
										<h2>方法</h2>
							 | 
						|
								
							 | 
						|
										<h3>[method:undefined addEventListener]( [param:String type], [param:Function listener] )</h3>
							 | 
						|
										<p>
							 | 
						|
										type - 需要添加监听的事件类型。<br />
							 | 
						|
										listener - 事件发生时被调用到的函数。
							 | 
						|
										</p>
							 | 
						|
										<p>
							 | 
						|
										为指定事件增加监听函数。
							 | 
						|
										</p>
							 | 
						|
								
							 | 
						|
										<h3>[method:Boolean hasEventListener]( [param:String type], [param:Function listener] )</h3>
							 | 
						|
										<p>
							 | 
						|
										type - 需要被监听的事件类型。<br />
							 | 
						|
										listener - 事件发生时被调用到的函数。
							 | 
						|
										</p>
							 | 
						|
										<p>
							 | 
						|
										检查监听函数是否已经添加到指定事件。
							 | 
						|
										</p>
							 | 
						|
								
							 | 
						|
										<h3>[method:undefined removeEventListener]( [param:String type], [param:Function listener] )</h3>
							 | 
						|
										<p>
							 | 
						|
										type - 需要移除监听的事件类型。<br />
							 | 
						|
										listener - 需要被移除的监听函数。
							 | 
						|
										</p>
							 | 
						|
										<p>
							 | 
						|
										从指定事件类型中移除监听函数。
							 | 
						|
										</p>
							 | 
						|
								
							 | 
						|
										<h3>[method:undefined dispatchEvent]( [param:Object event] )</h3>
							 | 
						|
										<p>
							 | 
						|
										event - 将被触发的事件。
							 | 
						|
										</p>
							 | 
						|
										<p>
							 | 
						|
										触发一个事件。
							 | 
						|
										</p>
							 | 
						|
								
							 | 
						|
								
							 | 
						|
										<h2>源代码</h2>
							 | 
						|
								
							 | 
						|
										<p>
							 | 
						|
											[link:https://github.com/mrdoob/three.js/blob/master/src/[path].js src/[path].js]
							 | 
						|
										</p>
							 | 
						|
									</body>
							 | 
						|
								</html>
							 | 
						|
								
							 |