js 小小tips

最新推荐文章于 2022-11-25 01:00:00 发布

啦啦噜啦啦

最新推荐文章于 2022-11-25 01:00:00 发布

阅读量670

点赞数

分类专栏：小效果 js

本文链接：https://blog.csdn.net/liu__hua/article/details/46326135

版权

js 同时被 2 个专栏收录

15 篇文章 0 订阅

订阅专栏

小效果

9 篇文章 0 订阅

订阅专栏

1,var a = new Date("2016/08/08").getTime()

var b = new Date("2016-08-08").getTime()两者不同坑~~~

1，双引号单引号多级嵌套：“ ‘ \"aaa\" ' "

2，input设置只能输入数字 <input οnkeyup='(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,\" \");}).call(this)' οnblur='this.v()'/>

3, div 本身没有focus blur事件，但是给div添加一个属性即可:tabindex='1'

4,仿placeholder：

var inputcheck=function(ele){

ele.focus(function(e){

with(e.target)

if(value==defaultValue){

value=''

}

$(this).css('color','#333');

});

ele.blur(function(e){

with(e.target)

if(value==""){

value=defaultValue;

}

$(this).css('color','#c8c8c8');

});

}

上面这种方法无法适用type：password之类的，可生成label根据定位伪装

//placeholder兼容
var placeholderSupport = function(){
    var attr = "placeholder";
    var input = document.createElement("input");
    return attr in input;
};
var support=placeholderSupport();
if(!support){
    $('input[placeholder]').each(function(){
        MJO.inputCheck($(this),10,15);
    })
}

MJO.inputCheck=function(element,eleLeft,eleTop){
    var defaultVal=element.attr('placeholder'),
        $label = $('<label>', {
        html: element.val() ? '' : defaultVal,
        //'for': elementId,
        css:
        {
            position: 'absolute',
            cursor: 'text',
            color: '#cacdcf',
            fontSize: element.css('fontSize'),
            left:eleLeft,
            top:eleTop
        }
    }).insertAfter(element);
    var _resetPlaceholder = function () {
        if (element.val()) {
            $label.html(null);
        }else {
            $label.html(defaultVal);
        }
    };
    _resetPlaceholder();
    var _clearPlaceholder=function(){
        $label.html(null);
    };
    element.on('blur',_resetPlaceholder);
    element.on('focus',_clearPlaceholder);

};