js 回退键清空输入数据

需求 : 有时间选择输入框,想按一下回退键清除输入框的内容(因为时间格式,如果像常规的回退键会有很多时间格式错误问题)。

实例:

HTML

<input  id="startDate"  name="startDate" type="text" readonly="readonly"/>

篇幅问题,时间选择框就不写了。

js


//清空只读文本框中的时间
function forbidBackSpace(e) {
    var ev = e || window.event; //获取event对象 
    var obj = ev.target || ev.srcElement; //获取事件源 
    var t = obj.type || obj.getAttribute('type'); //获取事件源类型 
    //获取作为判断条件的事件类型 
    var vReadOnly = obj.readOnly;
    var vDisabled = obj.disabled;
    //处理undefined值情况 
    vReadOnly = (vReadOnly == undefined) ? false : vReadOnly;
    vDisabled = (vDisabled == undefined) ? true : vDisabled;
    //当敲Backspace键时,事件源类型为密码或单行、多行文本的, 
    //并且readOnly属性为true或disabled属性为true的,则退格键失效 
    var flag1 = ev.keyCode == 8
            && (t == "password" || t == "text" || t == "textarea")
            && (vReadOnly == true || vDisabled == true);
    //当敲Backspace键时,事件源类型非密码或单行、多行文本的,则退格键失效 
    var flag2 = ev.keyCode == 8 && t != "password" && t != "text"
            && t != "textarea";
    //判断 
    if (flag2 || flag1) {
        var startIsFocus = $("#startDate").is(":focus");
        var endIsFocus = $("#endDate").is(":focus");

        if (true == startIsFocus) {
            $("#startDate").val("");
        }
        if (true == endIsFocus) {
            $("#endDate").val("");
        }
        return event.returnValue = false;
    };
}

//禁止后退键 作用于Firefox、Opera
document.onkeypress = forbidBackSpace;
//禁止后退键  作用于IE、Chrome
document.onkeydown = forbidBackSpace;
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值