变态重口极致另类在线-波多久久夜色精品国产-波多野结衣在线观看一区-波多野结衣在线观看一区二区-污污的网站免费阅读-污污视频网址

當前位置: 首頁IT技術 → 文本框獲得失去焦點——js和jquery方法的對比

文本框獲得失去焦點——js和jquery方法的對比

更多
Js方法
<head>
    <script type="text/javascript">
        function Doit() {
            // 獲得一個input的數組,需要遍歷
            var inputs = document.getElementsByTagName_r("input");           
              for (var i = 0; i < inputs.length; i++) {
              
                // 如果是文本控件
                if (inputs[i].type == "text") {
                    // 前面有on——
                    inputs[i].onfocus = function () {
                        // 通過this直接獲取觸發的元素
                        this.style.backgroundColor = "yellow";
                    };
                    inputs[i].onblur = function () {
                        this.style.backgroundColor = "white";
                    };
                }
             
            }
        }
    </script>
</head>
<body onload="Doit()">
    <input id="Text1" type="text" />
    <input id="Text2" type="text" />
    <input id="Text3" type="text" />
    <input id="Button1" type="button" value="button" />
</body>
</html>
 
Jquery方法
<head>
    <script src="jquery-1.4.1.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            // 不需要遍歷
            $('input[type=text]').click(function () {
                // this前面要加dollar符
                $(this).css("backgroundColor","yellow");
            }).blur(function () { $(this).css("backgroundColor","white");});
            // blur前面沒有on
        });
    </script>
</head>
<body>
    <input id="Text1" type="text" />
    <input id="Text2" type="text" />
    <input id="Text3" type="text" />
    <input id="Button1" type="button" value="button" />
</body>
</html>
熱門評論
最新評論
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字數: 0/500 (您的評論需要經過審核才能顯示)
主站蜘蛛池模板: 欧美午夜一区二区福利视频 | 青青草好 | 国产一级免费片 | 欧美日韩 在线播放 | 亚洲无线乱码高清在线观看一区 | 欧美精品午夜久久久伊人 | 99免费| 亚洲黄色一级 | 米奇777第四久久久99 | 一级做性色a爰片久久毛片免费 | 成人免费播放 | 久热这里只有精品视频6 | 欧美理伦 | 一级成人a免费视频 | 国产精品久久精品视 | 在线观看你懂得 | 色戒吃奶动态图 | 欧美在线一区二区三区欧美 | 天天摸夜夜摸夜夜狠狠摸 | 中文亚洲字幕 | 国产福利不卡 | 福利网在线观看 | 一级片免费网站 | 极品国产高颜值露脸在线 | 亚洲色啦啦狠狠网站 | 日韩人成| 超清乱人伦中文视频在线 | 色偷偷狠狠色综合网 | 亚洲www美色 | 中文字幕日本在线 | 国产日本久久久久久久久婷婷 | 韩国伦理剧在线看 | 日本三级一区二区三区 | 成年轻人网站色 免费看 | 特级黄色免费片 | 国产日韩视频在线 | 最近2019中文字幕大全视频1 | 欧美在线视频免费观看 | 在线成人爽a毛片免费软件 在线成人影片 | 最近中文字幕大全免费版在线 | 亚洲欧美日韩中文字幕在线 |