Question

我需要在关注时从文本框中集中注意力。

我尝试设置外部div的焦点及其在IE中的工作正常但不在mozilla中。

我该怎么做？

这是我目前的代码：

<div id="outer"> <input type = "textbox" /></div> Onfocus: document.getElementById("outer").focus()

Answer 1

我想知道如果用户永远不会在里面写任何东西，在这种情况下使用文本框的目的是什么。只需添加disabled="disabled"属性或readonly="readonly"（如果您想发布该值）。

Answer 2

在HTML中：

<input type="text" onfocus="this.blur();" />

在JS中：

document.getElementById("input1").onfocus = function () { this.blur(); }

有些元素在不可编辑的情况下无法接受焦点。

Answer 3

其中的重点是什么？ JS会（不测试）：

$('#textbox').focusin(function() {
   $(this).focusout();
});

Answer 4

我已经尝试了所有的答案，并没有在所有的浏览器中工作。我把所有这些结合在一起。

TextBox.readonly = true;

<强>的onfocus：

var curText = TextBox.value; TextBox.value = ""; TextBox.value = curText;
TextBox.blur();
TextBox_Parent.focus()

它在所有浏览器中都能正常工作

Answer 5

/*for textarea*/
$(document).ready(function() {
$('textarea[type="text"]').addClass("idleField");
$('textarea[type="text"]').focus(function() {
    $(this).removeClass("idleField").addClass("focusField");
    if (this.value == this.defaultValue){
        this.value = '';
    }
    if(this.value != this.defaultValue){
        this.select();
    }
});
$('textarea[type="text"]').blur(function() {
    $(this).removeClass("focusField").addClass("idleField");
    if ($.trim(this.value == '')){
        this.value = (this.defaultValue ? this.defaultValue : '');
    }
});

}）;

这就是我在表单上使用的内容。

文本框重点突出

5 个答案: