2011-07-11 71 views
4

我有一個自定義模型對話框控件,用於我們網頁中的任何彈出窗口。當這個對話框被初始化時,頁面的其餘部分會使用jQuery的公開方式變灰。我將以下樣式添加到mask div以防止選擇灰色區域。-moz-user-focus等效於Chrome

-moz-user-focus: ignore; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -o-user-select: none; 
    user-select: none; 


在對話框中,按「esc'key關閉對話框,按下‘Enter’鍵一樣單擊OK或Yes按鈕重點工作。但是,如果用戶點擊灰色區域的任何地方,上面的CSS阻止焦點進入Firefox中灰色區域的任何控件。對於IE瀏覽器,我編程處理如下

$('#exposeMask').attr("contenteditable", "false"); 
    $('#exposeMask').attr("unselectable", "on"); 


但對於Chrome瀏覽器,上面的CSS -webkit-用戶選擇阻止選擇,但不利於預防重點。
我試圖谷歌找到一個解決方案,但我沒有找到任何有用的鏈接。有沒有一些樣式元素相當於-moz-user-focus for chrome?

由於提前, 中號

+0

Opera和Konqueror怎麼樣? – Michas

+0

我發現瞭解決此問題的方法。 Onclick掩碼我正在重新設置對話框的焦點。在Chrome,Safari,IE,Firefox中運行良好 –

回答

-1
pointer-events: none; 

應該這樣做。