textarea上的jQuery .focus()无效

时间:2013-03-27 17:53:30

标签: jquery focus textarea

我收到了这段代码:

<textarea id="status" placeholder="Write here..." name="new_entry"></textarea>

和此:

$('#status').focus(function() {
    alert('focused!');
});

我希望在textarea专注时启动警报,但它不起作用......

5 个答案:

答案 0 :(得分:3)

Here's the working fiddle.

HTML

<textarea id="status" placeholder="Write here..." name="new_entry"></textarea>

JS

$('document').ready(function(){
    $('#status').focus(function() {
        alert('focused!');
    });
});

答案 1 :(得分:2)

如果您尝试绑定的文本区域是动态加载的[使用ajax或其他东西],那么您必须绑定焦点的实时事件。像这样的东西

$('#status').live('focus', function() {
alert('focused!');

});

答案 2 :(得分:1)

试试这个:

$(function(){
    $('#status').focus(function() {
        alert('focused!');
    });
});

答案 3 :(得分:0)

你的jquery写得正确。看到这个类似的fiddle。使用调试器(在Chrome或Firebug中)检查是否正在调用focus方法?您可以尝试将代码放在$('document').ready()函数中。

<textarea id="status" placeholder="Write here..." name="new_entry"></textarea>
<textarea id="status2" placeholder="Write here..." name="new_entry"></textarea>

$('#status').focus(function() {
    $('#status2').val("wheee");
});

答案 4 :(得分:-1)

试试这个:

$(function(){
    $('#status').click(function() {
        alert('focused!');
    });
});

希望它能帮助