ホームページ > 記事 > ウェブフロントエンド > 一个支持ff的modaldialog的js代码_javascript技巧

一个支持ff的modaldialog的js代码_javascript技巧

WBOYオリジナル: 2016-05-16 19:18:191019ブラウズ

这是我看到的另一种方法了，虽然仍然不怎么样，不过了解一下也是不错的，目前代码不支持opera，我也没时间看能否支持＝。＝

原地址：http://www.koders.com/javascript ... 882713BA1C7DD0.aspx

Dialog._parentEvent = function(ev) { 
    if (Dialog._modal && !Dialog._modal.closed) { 
        Dialog._modal.focus(); 
        // we get here in Mozilla only, anyway, so we can safely use 
        // the DOM version. 
        ev.preventDefault(); 
        ev.stopPropagation(); 
    } 
};

// should be a function, the return handler of the currently opened dialog. 
Dialog._return = null;

// constant, the currently opened dialog 
Dialog._modal = null;

// the dialog will read it's args from this variable 
Dialog._arguments = null;

Dialog._geckoOpenModal = function(url, action, init) { 
    var dlg = window.open(url, "ha_dialog", 
                  "toolbar=no,menubar=no,personalbar=no,width=10,height=10," + 
                  "scrollbars=no,resizable=no"); 
    Dialog._modal = dlg; 
    Dialog._arguments = init;

// capture some window's events 
    function capwin(w) { 
        w.addEventListener("click", Dialog._parentEvent, true); 
        w.addEventListener("mousedown", Dialog._parentEvent, true); 
        w.addEventListener("focus", Dialog._parentEvent, true); 
    }; 
    // release the captured events 
    function relwin(w) { 
        w.removeEventListener("focus", Dialog._parentEvent, true); 
        w.removeEventListener("mousedown", Dialog._parentEvent, true); 
        w.removeEventListener("click", Dialog._parentEvent, true); 
    }; 
    capwin(window); 
    // capture other frames 
    for (var i = 0; i < window.frames.length; capwin(window.frames[i++])); 
    // make up a function to be called when the Dialog ends. 
    Dialog._return = function (val) { 
        if (val && action) { 
            action(val); 
        } 
        relwin(window); 
        // capture other frames 
        for (var i = 0; i < window.frames.length; relwin(window.frames[i++])); 
        Dialog._modal = null; 
    }; 
};

Dialog("http://google.com",function(){alert('test')},null);

</script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：如何实现从照片中裁切自已的肖像呢？_javascript技巧次の記事：键盘事件中keyCode、which和charCode 的兼容性测试_基础知识

続きを見る

一个支持ff的modaldialog的js代码_javascript技巧

関連記事