使用jQuery使文本只讀，但仍然可點擊

Question

示例代碼：

jQuery(document).ready(function($) {  

    //Make upload link readonly 
    if($('#uploads_link').length > 0) { 
    $('#uploads_link').attr('readonly', 'readonly'); 
    } 
}); 

我試圖找出如何保持用戶看到爲只讀的uploads_link URL路徑，但要「點擊」。現在，用戶可以看到url鏈接並複製並粘貼，但現在我正試圖弄清楚如何使readonly url可點擊。

關於如何使attr（'readonly'，'readonly'）標籤可點擊的任何建議？

Answer 1

試試這個：

$(document).ready(function() {  
 
    $('#txt').click(function() { 
 
    console.log('OK'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="txt" type="text" readonly>