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

丁业
2023-12-01

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;
        });
    }
});
 类似资料: