jquery 怎么让文本框获取焦点

jquery 怎么让文本框获取焦点,第1张

由于JQuery中获得的对象还是JQuery对象,对其使用focus()只是使该对象获得onFocus()函数,不能是对象获得焦点,所以要使对象获得焦点,应该调用DOM对象的focus 方法,即: $("#id")[0]focus(); 需要注意两个函数之间的区别: $("#id")focus();  和 $("#id")[0]focus(); 第一个是增加onFocus()时间,一个是使DOM对象获得焦点。

怎样可以在“jquery”让文本框获取焦点时改变背景颜色?

1、先使用jQuery选择器找到所有的文本框

2、为文本框注册获得焦点事件,即focus事件

3、在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色

4、注册失去焦点事件,即blur事件

5、在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色<script type="text/javascript"> $(funct  $("input:text")focus(function(){ //让当前得到焦点的文本框改变其背景色$(this)css("background","pink");}); //找到文本框,并注册失去焦点事件$("input:text")blur(function()//让当前失去焦点的文本框背景色变为白色$(this)css("background","white"); }); });</script>

服务器控件的id,在页面上显示的时候可能会有变化,你可以使用textbox1ClientID,这个属性,这样你就可以用jQuery获取到控件了,

然后html 控件是这样的var curLength = $("#<%=textbox1ClientID%>")val()length;这样处理就可以了

以使用jQuery为例:

$('input[type="text"]')click(

function() {

// 此处添加onclick事件代码。

}

);

$('input[type="text"]')先选中页面中所有的textbox,然后click函数为选中的元素添加单击事件。

搞定了吗?没有的话可以参考下代码

前台:

<input type="text" id="txtValue" value="11" />

<a href="javascript:select()">select</a>

<script language="javascript" type="text/javascript">

function select()

{

var name=$("#txtValue")val();

ajaxAddValues(name);

}

function ajaxAddValues(name){

$ajax({

type: "POST",

url:"Indexaspx",

dataType:"json",

data: {"name": name},

success: function(data){

alert('已查询!');

}

});

}

</script>

后台:

if (Request["name"]!=null)

{

string name=Request["name"]ToString();

string sql="select from tables where t_name like '%"+name+"%'";

if (dbinsertOrUpdateOrSelect(sql) != -1)

{

ResponseWrite("1");

ResponseEnd();

}

else

{

ResponseWrite("0");

ResponseEnd();

}

}

public int insertOrUpdateOrSelect(string sql)

{

int eccf = -1;

SqlConnection conn = DatabasecreateConn();

SqlCommand cmd = null;

try

{

connOpen();

cmd = new SqlCommand(sql, conn);

eccf = cmdExecuteNonQuery();

return eccf;

}

finally

{

connClose();

}

}

文本框属于表单字段,jQuery 提供了val() 方法用以设置或返回表单字段的值,语法为$(selector)val()。下面根据不同情形,演示获取div下面一个文本框的值的方法:

1、如果已知文本框的某些属性,例如id,class,name:

$("#demo_text")val(); // 直接根据id获取

$("#test :textdemo_text")val(); // 根据class获取

$("#test :text[name='demo_text']")val(); // 根据name获取

2、如果已知文本框的相对位置

$("#test :text")first()val(); // 第一个

$("#test :text")last()val(); // 最后一个

$("#test :text")eq(1)val(); // #test下的第2个文本框

以上就是关于jquery 怎么让文本框获取焦点全部的内容,包括:jquery 怎么让文本框获取焦点、asp:textbox 怎么用jquery获取字符串长度、jQuery怎么遍历当前页面的textbox,添加onclik事件等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/9468158.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-28
下一篇2023-04-28

发表评论

登录后才能评论

评论列表(0条)

    保存