css禁止鼠標事件

1.需求：最近經常用到dom節點禁用鼠標事件的屬性，比如loading狀態的時候，比如點擊按鈕之后禁止再次點擊的時候，比如加載更多之后沒有數據了的時候，巴拉巴拉。。。

2.問題：但是，經常記不住啊，查了好幾次了，這次寫下來，認真認識一下pointer-events,目標是不在search

3.正題：

　　01.我是html

<button type="button">加載更多</button>

　　02.我要被禁用按鈕了　　

<style>
    .disabled{
        event-pointers:none;
    }
<style/>

　　03.禁用

<button type="button" class="disabled">加載更多</button>

4.認識一下常用屬性，mdn來了，這里只寫通用元素的，如果需要更多的屬性值來支持svg元素，那么，點擊一下就可以移步mdn了。

　　none：元素永遠不會成為鼠標事件的target。但是，當其后代元素的pointer-events屬性指定其他值時，鼠標事件可以指向后代元素，在這種情況下，鼠標事件將在捕獲或冒泡階段觸發父元素的事件偵聽器。;

　　auto:跟不寫這個屬性是一樣一樣的;

5.恩，來個總結

　　禁用：pointer-events:none;

　　撤銷禁用：pointer-events:auto;