Question

我使用dojo和ESRI Javascript API开发了一个Javascript Web应用程序。应用程序的主页面是一个地图视图，用户可以在地图视图中添加点。

在我的桌面Web浏览器上，当我单击地图时，会添加一个新点，如果我调试，我可以看到我的onClick处理程序只被调用一次。

在我的iPad上，当我点击地图时，会在完全相同的位置添加2个点。当我在Macbook Pro上通过Safari在iPad上调试应用程序时，我可以看到onClick处理程序被调用了两次。进一步调试后，我确保创建onClick处理程序的代码只被调用一次。

startEditing : function(template) {

    main.selectHandle.pause();
    main.moveHandle.pause();

    var drawingTool = template.template.drawingTool;

    switch(drawingTool) {
        case FeatureTemplate.TOOL_POINT:
            drawingTool = Draw.POINT;
            break;
    }

    this.drawEndHandle = on(this.drawingToolbar, "draw-end", lang.hitch(this, this.createFeature, template));

    this.drawingToolbar.activate(drawingTool);
},

stopEditing : function() {

    this.drawingToolbar.deactivate();
    this.drawEndHandle.remove();

    main.selectHandle.resume();
    main.moveHandle.resume();

},

createFeature : function(template, evt) {

    var featureLayer = template.featureLayer;
    template = template.template;

    var prototype = template.prototype;

    var geometry = evt.geometry;

    var graphic = new Graphic(prototype.toJson());
    graphic.setGeometry(geometry);

    this.initAttributes(graphic, featureLayer).then(function() {

        var features = [graphic];

        featureLayer.applyEdits(features).then(function(addResults) {
            var objectIds = array.map(addResults, function(addResult) {
                return addResult.objectId;
            });

            var q = new Query();
            q.objectIds = objectIds;

            featureLayer.selectFeatures(q).then(function(features) {
                main.openForm(features);
            });
        });

    });

},

上面drawingToolbar函数中的startEditing由ESRI Javascript API提供，但在内部处理onClick事件并将其传递给我onDrawEnd事件处理我的代码。我有其他代码直接处理onClick事件，它也会触发两次。

更新

我刚刚在我的Android智能手机上测试了相同的功能，并且只需轻轻一按两次即可点击onClick个事件。

Answer 1

我正在构建的应用程序中存在完全相同的问题。我也在使用ESRI Javascript API。

我觉得在地图，要素图层或其中一个dijit容器中必须有一个事件处理程序，它与tap事件的传递方式不同于click。

最后，我刚刚对我的点击处理程序进行了辩护，如下所述：http://unscriptable.com/2009/03/20/debouncing-javascript-methods/

触摸屏点击触发onClick事件两次

1 个答案: