使用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>