欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

限制bootstrap-datetimepicker的input输入框只能选择,不允许输入

程序员文章站 2022-06-14 20:25:59
...

1.通过keydown事件,将input的键盘输入事件阻止,使它无法输入

2.通过mousedown事件监听鼠标事件,

   当鼠标点击为右键时:

  通过contextmenu事件阻止右键默认菜单,阻止复制

$(".datetimepicker").on('keydown', function (e) {
    e.stopPropagation();
    return false;
}).on('mousedown',function (even) {
    if(even.which == 3){
        $(this).unbind("mousedown").bind("contextmenu", function (e) {
            e.preventDefault();
            return false;
        });
    }
});