鼠標禁用樣式
cursor: not-allowed;
用法：該方法只能實現(xiàn)樣式上的不可點擊，點擊依然會觸發(fā)相應的點擊時間，這個樣式主要是配合js邏輯（return）阻止事件的發(fā)生
鼠標禁用事件
pointer-events:none;
用法：該樣式會阻止默認事件，但是鼠標樣式會變成箭頭的樣子。
注意：父元素如果設置了pointer-event:none 并不意味著父元素上的事件偵聽器永遠不會被觸發(fā)，當子元素上設置pointer-event值不是none,那么都可以通過事件傳播機制來觸發(fā)父元素上的事件。文章來源：http://www.zghlxwxcb.cn/news/detail-534048.html
注意：如果同時使用這兩種樣式，會阻止事件的觸發(fā)，但鼠標并不會顯示禁用的樣式，而是箭頭樣式。
解決辦法：
1.外層添加一個盒子將樣式分開
外層盒子使用cursor: not-allowed;
內部盒子使用pointer-events:none;
2.就是使用cursor: not-allowed;然后執(zhí)行點擊事件，在點擊事件中阻止觸發(fā)。文章來源地址http://www.zghlxwxcb.cn/news/detail-534048.html
到了這里，關于鼠標禁用樣式（cursor:not-allowed）和鼠標禁用事件（pointer-events: none）的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
