文本框焦点不起作用

时间:2014-06-24 10:41:00

标签: javascript jquery

我正在尝试以编程方式聚焦文本框

代码:

<input></input>
<div id="click">Click</div>

$(document).ready(function(){
$("#click").live("click",function()
{
    var inputbox=$(this).prev();
    $(inputbox).focus();
}
});

这是小提琴 http://jsfiddle.net/KwLF6/

5 个答案:

答案 0 :(得分:1)

<强> Demo

试试这段代码,

  1. 重要 - 包含jQuery引用(在您的小提琴中以及您的实际代码中)

  2. .live() jQuery 1.7 时弃用,因此请改用 .on()

  3. 在每个函数中添加适当的结束语。 (始终尝试通过浏览器控制台检查代码错误)


  4. $(document).ready(function(){
        $("#click").on("click",function(){
            $(this).prev().focus();
        });
    });
    

答案 1 :(得分:0)

尝试使用focusin()代替。 http://api.jquery.com/focusin/

答案 2 :(得分:0)

试试这个:

$(document).ready(function(){
   $("#click").on("click",function()
   {
           var inputbox=$(this).prev();
           $(inputbox).focus();
   });
});

<强> FIDDLE EXAMPLE

答案 3 :(得分:0)

请查看此版本:http://jsfiddle.net/x9m5N/4/

使用

   inputbox.focus();

输入元素确实需要一个类型,不需要关闭。

答案 4 :(得分:0)

框架&amp;你没有选择任何JQuery库的扩展

选择JQuery1.8.3之后  并修改Js代码,就像它对我的工作

$(document).ready(function(){
   $("#click").on("click",function()
   {
        var inputbox=$(this).prev();
        $(inputbox).focus(); 
   });
});

我的想法是你必须检查你的项目中是否包含Jquery库,或者你的Jquery库不支持focus()函数