問題描述：有時(shí)候遇到網(wǎng)站上需要添加一個(gè)友情鏈接“臺(tái)灣省”，暫時(shí)未提供鏈接地址，但要求必須顯示出來，所以臨時(shí)設(shè)置不可點(diǎn)擊跳轉(zhuǎn)

解決辦法：

? 方法一：使用 CSS 禁用鼠標(biāo)交互（推薦）

a[href="/#"] { 
 pointer-events: none;  
 color: gray; /* 可選：改變顏色表示不可點(diǎn)擊 */  
 cursor: default; /* 可選：鼠標(biāo)樣式變?yōu)槠胀^ */
 }

? 效果：

• 鼠標(biāo)無法點(diǎn)擊

• 不會(huì)影響頁面結(jié)構(gòu)或移除鏈接屬性

• 可以保留樣式顯示為“鏈接”

? 方法二：使用 JavaScript 阻止默認(rèn)行為

你可以通過 JS 給這些鏈接添加點(diǎn)擊事件并阻止跳轉(zhuǎn)：

<script> 
 document.querySelectorAll('a[href="/#"]').forEach(function(link) {
    link.addEventListener("click", function(event) {     
    event.preventDefault(); // 阻止跳轉(zhuǎn)   
     });
  });
</script>

? 效果：

• 點(diǎn)擊時(shí)不會(huì)跳轉(zhuǎn)

• 可以結(jié)合條件判斷是否允許點(diǎn)擊（比如權(quán)限控制）

• 更加靈活，適合動(dòng)態(tài)場景

? 方法三：動(dòng)態(tài)禁用 + 啟用（進(jìn)階）

如果你未來可能需要重新啟用這些鏈接，可以加一個(gè)類來控制狀態(tài)：

html
深色版本
<style>  .disabled-link {
    pointer-events: none;
    color: gray;    
    cursor: default;  
    }
</style>

<script>  
// 禁用  
document.querySelectorAll('a[href="/#"]').forEach(function(link) {    
link.classList.add("disabled-link");  
});  
// 啟用（在某個(gè)條件下）  
// document.querySelectorAll('a[href="/#"]').forEach(function(link) {  
//   link.classList.remove("disabled-link");  
// });</script>