i 브라우저의placeholder를 호환하는 방법

1784 단어 필기
기사 주소:https://www.cnblogs.com/maxiaodan/p/5337213.html(원문에는 세 가지 방법이 있다)
    
  
         
    
        $(function () { 
            supportPlaceholder = 'placeholder' in document.createElement('input');
            placeholder = function (input) {
                var text = input.attr('placeholder');
                defaultValue = input.defaultValue;
                if (!defaultValue) {
                    input.val(text).addClass("phcolor");
                }
                input.focus(function () {
                    if (input.val() == text) {
                        $(this).val("");
                    }
                })
                input.blur(function () {
                    if (input.val() == "") {
                        $(this).val(text).addClass("phcolor");
                    }
                });
                //         
                input.keydown(function () {
                    $(this).removeClass("phcolor");
                })
            }
            //       placeholder   ,  placeholder  
            if (!supportPlaceholder) {
                $('input').each(function () {
                    text = $(this).attr("placeholder");
                    if ($(this).attr("type") == "text") {
                        placeholder($(this));
                    }
                })
            }
        })
    

좋은 웹페이지 즐겨찾기