2011-07-14 101 views
1

我在我的一個頁面上隱藏了輸入,並且隱藏,我的意思是可見,但看起來像純文本。Opera - 防止重點輸入

就拿http://jsfiddle.net/imoda/nVhp8/

但我不希望用戶能夠在它上面點擊並編輯信息。基本上禁用它,但沒有將其設置爲HTML中的disabled。我認爲我很接近,但無論我嘗試過什麼都不行。

似乎除了Opera以外的其他所有工作。請幫助?

+1

爲什麼你需要這樣的輸入? – Gedrox

+0

當您點擊一個編輯按鈕時,輸入會變爲「實時」,將其邊框移回等。與編輯Google聯繫人類似。 –

+0

您在鏈接中發佈的示例有什麼問題? –

回答

8

而不是使用jQuery更擴展的例子,爲什麼不乾脆用readonly屬性,移除屬性一旦編輯按鈕被點擊?

JS Fiddle

參考文獻:

+0

更好。這樣人們仍然可以選擇文本。謝謝。 –

+0

Firefox仍允許您在輸入內部聚焦和移動光標。授予你不能輸入任何東西,但它仍然不夠理想 – billynoah

4

使用超時..

$("input").focus(function(){ 
    var _this = this; 
    setTimeout(function(){_this.blur();},1); 
}); 

,並在http://jsfiddle.net/gaby/nVhp8/2/

+0

我用'$(this).hasClass('inactive')'但是有相同的區別。這在Opera中運行正常,但在其他瀏覽器中有趣(檢查Chrome或Opera)。如果您在該字段中單擊並拖動,則仍會在該字段周圍獲得瀏覽器的「發光」。另外,如果您在示例中雙擊「世界」,則可以將其拖放到「hello」前面。這是到達那裏,但我認爲應該有更好的解決方案。 –