事件，点击屏幕触发事件的bug

wklc2015

http://blog.csdn.net/lufy_legend/article/details/7654607
昨天学习了这篇文章创建刚体的文章，在本地测试通过，拿到chrome里模拟手机端时，出现了问题。

本来应该是点击屏幕才触发事件，但是点击其他地方也触发了。

如图

backLayer.addEventListener(LMouseEvent.MOUSE_UP, add);本来点击1，即舞台层才触发点击。
bug复现：第一次点击，只有点击1才触发，点击一次1位置后，再点击2或者1都会触发。

请问这是什么原因呢？

还是说屏幕backLayer层大小位置变了？

lufy

至少我得知道你代码怎么写的，backLayer上都有什么东西才能回答吧

wklc2015

lufy 发表于 2015-6-3 09:29
至少我得知道你代码怎么写的，backLayer上都有什么东西才能回答吧

1. init(10, "mylegend", 300, 300, main);
   
2.         var backLayer, cLayer, wallLayer, bitmap, loadingLayer;
   
3.         var imglist = {};
   
4.         var imgData = new Array(
   
5.                 {name : "bird1", path : "./img/bird1.png"},
   
6.                 {name : "bird2", path : "./img/bird2.png"},
   
7.                 {name : "stage01", path : "./img/stage01.png"}
   
8.         );
   
9.         function main() {
   
10.                 LGlobal.setDebug(true);
    
11. 
    
12.                 backLayer = new LSprite();
    
13.                 addChild(backLayer);
    
14. 
    
15.                 loadingLayer = new LoadingSample3();
    
16.                 backLayer.addChild(loadingLayer);
    
17.                 LLoadManage.load(
    
18.                         imgData,
    
19.                         function(progress) {
    
20.                                 loadingLayer.setProgress(progress);
    
21.                         },
    
22.                         function(result) {
    
23.                                 imglist = result;
    
24.                                 backLayer.removeChild(loadingLayer);
    
25.                                 loadingLayer = null;
    
26.                                 gameInit();
    
27.                         }
    
28.                 );
    
29.         }
    
30.         function gameInit() {
    
31. //                console.log(new LBox2d())
    
32.                 LGlobal.box2d = new LBox2d();
    
33.                 wallLayer = new LSprite();
    
34.                 wallLayer.graphics.drawRect(0, "#000000", [0, 0, 300, 300], true, "#cccc80");
    
35.                 wallLayer.alpha = 1;
    
36.                 backLayer.addChild(wallLayer);
    
37.                 //top
    
38.                 wallLayer = new LSprite();
    
39.                 wallLayer.x = 150;
    
40.                 wallLayer.y = 0;
    
41.                 backLayer.addChild(wallLayer);
    
42.                 wallLayer.addBodyPolygon(300, 0, 0);
    
43.                 //left
    
44.                 wallLayer = new LSprite();
    
45.                 wallLayer.x = 0;
    
46.                 wallLayer.y = 150;
    
47.                 backLayer.addChild(wallLayer);
    
48.                 wallLayer.addBodyPolygon(0, 300, 0);
    
49.                 //bottom
    
50.                 wallLayer = new LSprite();
    
51.                 wallLayer.x = 150;
    
52.                 wallLayer.y = 300;
    
53.                 backLayer.addChild(wallLayer);
    
54.                 wallLayer.addBodyPolygon(300, 0, 0);
    
55.                 //right
    
56.                 wallLayer = new LSprite();
    
57.                 wallLayer.x = 300;
    
58.                 wallLayer.y = 150;
    
59.                 backLayer.addChild(wallLayer);
    
60.                 wallLayer.addBodyPolygon(0, 300, 0);
    
61.                 backLayer.addEventListener(LMouseEvent.MOUSE_UP, add);
    
62.         }
    
63.         function add(event) {
    
64.                 var x = event.offsetX;
    
65.                 var y = event.offsetY;
    
66.                 var rand = Math.random();
    
67.                 if(rand < 0.33){
    
68.                         cLayer = new LSprite();
    
69.                         bitmap = new LBitmap(new LBitmapData(imglist["bird1"]));
    
70.                         if(x + bitmap.getWidth() >= LGlobal.width){
    
71.                                 x = LGlobal.width - bitmap.getWidth();
    
72.                         }
    
73.                         cLayer.x = x;
    
74.                         cLayer.y = y;
    
75.                         backLayer.addChild(cLayer);
    
76.                         cLayer.addChild(bitmap);
    
77.                         cLayer.addBodyCircle(bitmap.getWidth() * 0.5, bitmap.getHeight() * 0.5, bitmap.getWidth() * 0.5, 1, .5, .4, .5);
    
78.                         cLayer.setBodyMouseJoint(true);
    
79.                 } else if(rand < 0.66){
    
80.                         cLayer = new LSprite();
    
81.                         backLayer.addChild(cLayer);
    
82.                         bitmap = new LBitmap(new LBitmapData(imglist["bird2"]));
    
83.                         cLayer.addChild(bitmap);
    
84.                         var shapeArray = [
    
85.                                 [[0, 54], [27, 0], [54, 54]]
    
86.                         ];
    
87.                         cLayer.addBodyVertices(shapeArray, 27, 27, 1, .5, .4, .5);
    
88.                         cLayer.box2dBody.SetPosition(new LGlobal.box2d.b2Vec2((50 + Math.random() * 700) / LGlobal.box2d.drawScale, 50 / LGlobal.box2d.drawScale));
    
89.                         cLayer.setBodyMouseJoint(true);
    
90.                 } else{
    
91.                         cLayer = new LSprite();
    
92.                         bitmap = new LBitmap(new LBitmapData(imglist["stage01"]));
    
93.                         if(x + bitmap.getWidth() >= LGlobal.width){
    
94.                                 x = LGlobal.width - bitmap.getWidth();
    
95.                         }
    
96.                         cLayer.x = x;
    
97.                         cLayer.y = y;
    
98.                         backLayer.addChild(cLayer);
    
99.                         cLayer.addChild(bitmap);
    
100.                         cLayer.addBodyPolygon(bitmap.getWidth(), bitmap.getHeight(), 1, 5, .4, .2);
     
101.                 }
     
102.         }

复制代码

代码几乎都是你文章上面的

lufy

wklc2015 发表于 2015-6-3 09:54
代码几乎都是你文章上面的

多谢了
我看了下，确实有这个问题，这是因为我将touchend事件添到了document上而导致的，之所以这么做，就是为了让手机上体验更好一些，是故意这么做的，但是导致了不全屏的时候的这个问题，
你可以先用mouse_down来替换mouse_up，可以防止这个问题
以后更新的时候我得再好好想一想要不要解决一下

wklc2015

lufy 发表于 2015-6-3 10:32
多谢了
我看了下，确实有这个问题，这是因为我将touchend事件添到了document上而导致的，之所以这么做， ...

多谢老大指点