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

當前位置: 首頁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 (您的評論需要經過審核才能顯示)
主站蜘蛛池模板: 色综合久久五月 | 国产第二十三页浮力影院 | 精品久久久久久中文字幕专区 | 成人区在线观看免费视频 | 全部免费特黄特色大片视频 | 国产精品欧美一区二区三区 | 日韩精品卡1卡二卡3卡四卡 | 午夜精品aaa国产福利 | 一区二区三区精品视频 | 韩日毛片 | 亚洲欧美日韩高清综合678 | 97狠狠干| 免费在线色| 久久国产高清波多野结衣 | 最近资源中文字幕4 | www.黄色片.com | 免费一级毛片能看的 | 一个人的视频日本免费 | 日韩不卡在线 | 国产黄色毛片 | 黄色激情网址 | 91精品视频在线观看免费 | 天天看天天干天天操 | 在线亚洲国产精品区 | 国产亚洲精品日韩综合网 | 天天澡天天摸天天添视频 | 日韩美女免费线视频 | 国产一卡2卡3卡免费网站 | 久久久鲁| 成人xxx免费视频播放 | 色黄大片女爽一次 | 日本va视频| 一级黄色大片免费看 | 亚洲一区二区三区国产精品 | www色婷婷 | 最新黄色免费网站 | 免费视频性 | 日b视频免费 | 成人免费片 | 婷婷操| 亚洲第一区视频 |