1. Home
  2. /
  3. Web technology
  4. /
  5. JQUERY
  6. /
  7. [ JAVASCRIPT ] –...

[ JAVASCRIPT ] – 網址欄位 自帶超連結 功能

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 0,平均評等: 0]

在設計很多欄位輸入時常常會有要輸入網址的時候,有時使用者需要確認該網址是否正確,只能自已手動複製再貼到網址列測試
其實我們可以貼心的幫使用者加上超連結功能
而在設計這功能時我們不希望 使用者剛點進去輸入框時就觸發超連結 所以不能使用onclick事件,這時候ondblclick就很適合我們的需求。
[javascript]
<input type="text" title="網址" name="link" value="" ondblclick="$(this).val()!=”?window.open($(this).val()):”;">
[/javascript]
範例:

評等結果
點擊便能為這篇文章進行評等!
[評等總次數: 0,平均評等: 0]
!去下營經續永站本助幫能就下一點輕輕,話的您到助幫有章文的我果如 如果我的文章有幫助到您的話,輕輕點一下就能幫助本站永續經營下去!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *