上次接到一個攝像頭雙擊放大的功能

這個攝像頭頁面是iframe雙擊就要點iframe..

但是iframe又沒有事件響應

最後只好用document.activeElement (選中element) 來實現一個偽雙擊iframe事件

        var IframeOnClick = {  
            resolution: 200,  
            iframes: [],  
            interval: null,  
            Iframe: function() {  
                this.element = arguments[0];  
                
 
this.cb = arguments[1];   
                this.hasTracked = false;  
            },  
            track: function(element, cb) {  
                this.iframes.push(new this.Iframe(element, cb));  
                if (!this.interval) {  
                    var _this = this;  
                    this
 
.interval = setInterval(function() { _this.checkClick(); }, this.resolution);  
                }  
            },  
            checkClick: function() {  
                if (document.activeElement) {
                    var activeElement = document.activeElement;
                    for (var i in this
 
.iframes) {  
                        if (activeElement === this.iframes[i].element) { 
                            document.activeElement.blur();
                            // 如果點選的是這個iframe 這個iframe處於未被點選的狀態
                            if (this.iframes[i].hasTracked == false) {   
                                // 標記為被點選並等待下一次點選
                                this.iframes[i].hasTracked = true;  
                                // 如果200毫秒內沒有被在此點選重置次狀態
                                this.iframes[i].setTimeout = setTimeout(function(iframe) {
                                    iframe.hasTracked = false;
                                }, 500, this.iframes[i] );
                            } else {
                                // 如果判斷這個已經是被點選的狀態了
                                // 清除掉等待事件
                                clearTimeout(this.iframes[i].setTimeout);
                                // 修改為未選擇狀態
                                this.iframes[i].hasTracked = false;
                                // 觸發事件
                                this.iframes[i].cb.apply(window, []);   
                            }
                        } else {  
                            this.iframes[i].hasTracked = false;  
                        }  
                    }  
                }
            }
        };  
        
        IframeOnClick.track(document.getElementById("iFrame"), function() { alert('123') });