javascript - 使用 Jquery 使文本只读但仍可点击

Question

示例代码:

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

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

我想弄清楚如何将用户看到的 uploads_link URL 路径保持为只读，但使其“可点击”。现在用户可以看到 url 链接并复制和粘贴它，但现在我想弄清楚如何使只读 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>