js实现元素禁用，鼠标不可点击

前端小白简单总结、自我记录，还望各位大佬多多指教~~

CSS pointer-events 属性

定义和使用
pointer-events 属性用于设置元素是否对鼠标事件做出反应。
pointer-events: none; 元素不能对鼠标事件做出反应。

pointer-events 禁用是针对的是没有disable属性的元素，如div、li标签等，有该属性的元素如input、button、标签等需要禁用可直接对此属性进行设置即可。

在 HTML 行内标签中设置时，代码如下：

// li禁用状态 鼠标不可点击
<li style="pointer-events: none;"></li>

在 js 中设置时，代码如下：

// li禁用状态 鼠标不可点击
$("#isLi").css("pointer-events", "none");