使用Jquery使文本只读，但仍然可以点击

Question

示例代码：

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

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

我试图弄清楚如何保持用户看到的uploads_link URL路径为readonly，但使其成为＆＃34; clickable＆＃34;。现在，用户可以看到网址链接并复制并粘贴它，但现在我试图弄清楚如何使只读网址可点击。

有关如何制作attr（＆＃39; readonly＆＃39; readonly＆＃39;）标签的任何建议都可以点击？

Answer 1

试试这个：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;