javascript - 双击图标时，弹出窗口和后屏幕都变淡了

Question

我们正在使用主干动态表单。我有一个文本字段，单击该字段时，会打开一个弹出窗口。这是我的功能。

但是双击该字段屏幕会变淡，无法返回。必须再次打开新窗口才能工作。

该解决方案必须支持任何浏览器，主要是 Chrome、Firefox、IE

Answer 1

使用计数变量我们可以解决这个问题。只需按照以下步骤操作：
1. 将 count 变量初始化为 0。
2. 如果 count 为 0，则仅触发查找事件
3. 在点击字段时将 count 变量设置为 1，触发事件以显示查找
4. 开启再次靠近查找面板将计数设为 0。

示例代码：

## MainFormView.js ##
count:0, 
initialize: function (options) {this.count = 0;},
events: {
    'click #lookupId': 'showLookup'
},
showLookup: function (e) {
    e.stopPropagation();
    if(this.count == 0){
        this.count = 1;
        this.trigger("show:list");
    }
}

### LookupView.js ###
lookupView: null,
initialize: function (options) {
    this.lookupView= options.renderedFormView;
},
closePanel: function() {
    this.lookupView.count = 0;
}

## MainController.js ##
mainFormView.on("show:list", function () {
    var lookupView = new LookupView({
        model: staffList,
        renderedFormView: mainFormView
    });
});