①disbaled属性：这个只适用于表单元素，例如一个输入框设置disabled属性，就不能输入，click点击事件也不会执行，表单submit提交的时候，对应的数据也不会带过去；不过设置了disabled属性的元素对于hover等交互行为并未阻止，因为类似原生的title提示，或者自定义的tips提示都是可以作用在被禁用的按钮等表单元素上的，算是一个不错的优点；
②pointer-events:none：pointer-events:none禁用是阻止鼠标行为，包括点击，悬停等交互，但是并不能阻止键盘访问，其优点在于适用于任何元素；
③inert属性：设置了inert属性对元素就好像从页面中蒸发了一样，虽然肉眼可见（样式没有任何变化），但是你的任何操作都是无效的。和 disabled属性不同，inert属性不会对元素的样式进行任何设置，因此，如果不做任何 CSS 设置，用户在视觉上是无法感知这个表单是被禁用的。inert属性下的禁用虽然强大，但如果用户希望知道禁用的原因（例如hover提示），就不太好处理，因为任何交互无法触发；
（参考：www.zhangxinxu.com/wordpress/2…
