• 所有问题

    • JQuery文本框 获得焦点 背景颜色改变

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title></title>
    <script src="js/jquery-1.7.js" type="text/javascript">
    </script> <script type="text/javascript">
    $(function () {
    $("text").each().mouseover(function () { $(this).css("backgrounp", "red"); });
    });
    </script>
    </head>
    <body>
    <div><input type="text" value="sdasjd"/></div>
    <div><input type="text" value="sda"/></div>
    <div><input type="text" value="sdasjl"/></div>
    </body>
    </html>
    每当任意一个文本框获得焦点时 或者光标在文本框内时 将文本框的背景颜色改成红色，离开后恢复成 白色，用JQuery实现。上面的代码怎么样改才能实现这个功能？谢谢

    举报该问题
    推荐答案   2015-10-09

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

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

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

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

    5、在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色

    <script type="text/javascript">
        $(function(){
            //找到文本框，并注册得到焦点事件
            $("input:text").focus(function(){
                //让当前得到焦点的文本框改变其背景色
                $(this).css("background","pink");
            });
            //找到文本框，并注册失去焦点事件
            $("input:text").blur(function(){
                //让当前失去焦点的文本框背景色变为白色
                $(this).css("background","white");
            });
        });
    </script>
    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  2011-11-16
    $(":text").focus(function () { $(this).css("background", "red"); }).blur(function () { $(this).css("background", "#fff"); })本回答被提问者和网友采纳
    相似回答
    SOS大神们,简单的html,jquery作业求助!!!答：1、在input里面加个onfocus属性，用来触发函数；例如onfocus="changeColor()" ,函数里面的逻辑自己去写，这个就不教了。2、就是给你要移入的这个元素加个伪类： 例如（#div：hover{这里面就写具体样式如：background-color：red；color：white}）...
    如何用jQuery操作表单和表格答：1.单行文本框应用 当文本框获取焦点后它的颜色需要变化，当它失去焦点后，则要恢复为原来的样式，可以使用css中的伪类选择符来实现以上的功能，css代码如下：input:focus ,textarea:focus{ border:1px solid #f00; background:#fcc;}但是IE6并不支持除超链接元素之外的:hover伪类选择符，此时可以...
    大家正在搜
    word文档文本框背景颜色怎样改文本框背景颜色word文本框设置默认背景颜色文本框背景颜色给文本框加背景颜色ppt文本框背景颜色怎么设置文本框如何获得焦点让文本框获得焦点的方法是设置文本框文字颜色
    相关问题
    jquery js 当文本框获得焦点时，自动选中里面的文字
    “jquery”怎么让文本框获取焦点？
    radio框改变背景颜色，用jquery实现
    jquery文本框获取焦点的时候改变span的文字
    js怎么改变input里value值的颜色
    下列js可以让一个input的背景颜色变成红色的是？
    js中怎么使页面中每个文本框点击后变色，离开后变为原来的颜色...
    html 如何让两个文本框相等时，文本框的背景色改变？最好附...