前端页面禁用div元素（只读 不可点击）

如果在前端页面中想让某个div元素处于禁用的状态，通过style中设置pointer-events: none;属性即可生效

style行内样式：

style="pointer-events: none;"

jq实现禁用div：

//禁用
$.fn.disable = function () {
    $(this).addClass("disable");
};
 
//启用
$.fn.enable = function () {
    $(this).removeClass("disable");
};
$("#@id").disable();
$("#@id").enable();