HTML5：百度地图手机端单触点单击和长按事件，解决部分手机，有需要的朋友可以参考下。

下面是JS文件

[javascript]view plaincopy

1. /**
2. *AuthorYX
3. *
4. *对百度地图的事件扩展，目前扩展了fastclick和longclick,
5. *解决某些设备click不执行的问题
6. *解决长按事件在拖动、多触点依然执行的bug
7. *v1.0.0
8. */
9. 
   
10. (function(){
11. BMap.Map.prototype.on=function(evt,fn,data,option){
12. 
    
13. if(!evt||!fn)return;
14. 
    
15. 
    
16. var$this=this;
17. varevtList=["longtouch","onetouch"];
18. if(inArray(evt,evtList)){
19. MesureEvents[evt]($this,evt,fn,data,option);
20. $this.getContainer().querySelector("div.BMap_mask").addEventListener(evt,fn);
21. }
22. else{
23. $this.addEventListener(evt,fn);
24. }
25. };
26. 
    
27. varcenterAndZoom=BMap.Map.prototype.centerAndZoom;
28. 
    
29. BMap.Map.prototype.centerAndZoom=function(){
30. 
    
31. var$this=this;
32. centerAndZoom.apply(this,arguments);
33. if(!$this.hasRegistMyTouch){
34. $this.on("onetouch",function(e){
35. //console.log(e);
36. varevent=document.createEvent("MouseEvent");
37. event.initEvent("fastclick",true,true);
38. 
    
39. 
    
40. 
    
41. event.clientX=e.clientX;
42. event.clientY=e.clientY;
43. event.point=e.point;
44. $this.dispatchEvent(event);
45. 
    
46. varevent=document.createEvent("MouseEvent");
47. event.initEvent("click",true,true);
48. event.clientX=e.clientX;
49. event.clientY=e.clientY;
50. $this.dispatchEvent(event);
51. });
52. $this.on("longtouch",function(e){
53. //console.log(e);
54. varevent=document.createEvent("TouchEvent");
55. event.initEvent("longclick",true,true);
56. event.clientX=e.clientX;
57. event.clientY=e.clientY;
58. event.point=e.point;
59. $this.dispatchEvent(event);
60. });
61. $this.hasRegistMyTouch=true;
62. }
63. 
    
64. }
65. varMesureEvents={
66. onetouch:function($this,evt,fn,data,option){
67. varismoved;
68. vartime=null;
69. vartouchLocation=null;
70. varmaxTouchesCount=0;
71. $this.addEventListener("touchstart",function(e){
72. maxTouchesCount=Math.max(maxTouchesCount,e.touches.length);
73. if(maxTouchesCount==1){
74. vartouch=e.changedTouches[0];
75. touchLocation={
76. x:touch.clientX,
77. y:touch.clientY
78. };
79. time=newDate().getTime();
80. }
81. });
82. $this.addEventListener("touchmove",function(e){
83. maxTouchesCount=Math.max(maxTouchesCount,e.touches.length);
84. 
    
85. if(maxTouchesCount==1){
86. vartouch=e.changedTouches[0];
87. if(Math.abs(touchLocation.x-touch.clientX)>0&&Math.abs(touchLocation.y-touch.clientY)>0){//解决部分手机对touchmove过分“敏感”的问题
88. ismoved=true;
89. //console.log("touchmove---");
90. }
91. else{
92. ismoved=false;
93. }
94. }
95. });
96. $this.addEventListener("touchend",function(e){
97. 
    
98. vartouches=e.touches.length;
99. 
    
100. if(touches==0){
101. vartemp=maxTouchesCount;
102. vartempM=ismoved;
103. ismoved=false;
104. maxTouchesCount=0;
105. if(temp==1&&!tempM/*&&/BMap_mask/.test(e.srcElement.className)*/&&newDate().getTime()-time<500){
106. 
     
107. varevent=document.createEvent("Event");
108. event.initEvent("onetouch",true,true);
109. vartouch=e.changedTouches[0];
110. 
     
111. event.clientX=touch.clientX;
112. event.clientY=touch.clientY;
113. event.point=calLngLat($this,event.clientX,event.clientY);
114. varmask=$this.getContainer().querySelector("div.BMap_mask");
115. mask.dispatchEvent(event,fn);
116. }
117. }
118. });
119. },
120. longtouch:function($this,evt,fn,data,option){
121. varismoved;
122. vartime=null;
123. vartimeout;
124. varmaxTouchesCount=0;
125. vartouchLocation=null;
126. $this.addEventListener("touchstart",function(e){
127. maxTouchesCount=Math.max(maxTouchesCount,e.touches.length);
128. if(maxTouchesCount==1){
129. vartouch=e.changedTouches[0];
130. //console.log("one:"+touch.clientX+","+touch.clientY);
131. touchLocation={
132. x:touch.clientX,
133. y:touch.clientY
134. };
135. time=newDate().getTime();
136. timeout=setTimeout(function(){
137. 
     
138. clearTimeout(timeout);
139. timeout=null;
140. longtouch(e);
141. },750);
142. }
143. });
144. $this.addEventListener("touchmove",function(e){
145. maxTouchesCount=Math.max(maxTouchesCount,e.touches.length);
146. 
     
147. if(maxTouchesCount==1){
148. vartouch=e.changedTouches[0];
149. //console.log("move:"+touch.clientX+","+touch.clientY);
150. if(Math.abs(touchLocation.x-touch.clientX)>=2&&Math.abs(touchLocation.y-touch.clientY)>2){//解决部分手机对touchmove过分“敏感”的问题
151. ismoved=true;
152. //console.log("touchmove---");
153. if(timeout){
154. clearTimeout(timeout);
155. timeout=null;
156. }
157. }
158. else{
159. ismoved=false;
160. }
161. }
162. else{
163. if(timeout){
164. clearTimeout(timeout);
165. timeout=null;
166. }
167. }
168. });
169. 
     
170. functionlongtouch(e){
171. vartemp=maxTouchesCount;
172. vartempM=ismoved;
173. ismoved=false;
174. maxTouchesCount=0;
175. if(temp==1&&!tempM){
176. 
     
177. varevent=document.createEvent("Event");
178. event.initEvent("longtouch",true,true);
179. vartouch=e.changedTouches[0];
180. 
     
181. event.clientX=touch.clientX;
182. event.clientY=touch.clientY;
183. event.point=calLngLat($this,event.clientX,event.clientY);
184. $this.getContainer().querySelector("div.BMap_mask").dispatchEvent(event);
185. 
     
186. }
187. }
188. 
     
189. $this.addEventListener("touchend",function(e){
190. 
     
191. vartouches=e.touches.length;
192. 
     
193. if(touches==0){
194. maxTouchesCount=0;
195. ismoved=false;
196. }
197. if(newDate().getTime()-time<1000){
198. if(timeout){
199. clearTimeout(timeout);
200. timeout=null;
201. }
202. }
203. });
204. }
205. }
206. 
     
207. functioncalLngLat($this,x,y){
208. varcontainer=$this.getContainer();
209. varrect=container.getBoundingClientRect();
210. vary=y-rect.top;
211. varx=x-rect.left;
212. varbounds=$this.getBounds();
213. varlefTop=newBMap.Point(bounds.getSouthWest().lng,bounds.getNorthEast().lat);
214. varlefTopPix=$this.pointToPixel(lefTop);
215. varpix=newBMap.Pixel(lefTopPix.x+x,lefTopPix.y+y);
216. varpoint=$this.pixelToPoint(pix);
217. returnpoint;
218. }
219. 
     
220. functioninArray(obj,array){
221. for(xinarray){
222. if(obj==array[x])returntrue;
223. }
224. returnfalse;
225. }

1. })(BMap);

转载博客：http://blog.csdn.net/yyyuuueeee/article/details/49511173