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

在設計很多欄位輸入時常常會有要輸入網址的時候,有時使用者需要確認該網址是否正確,只能自已手動複製再貼到網址列測試

其實我們可以貼心的幫使用者加上超連結功能

而在設計這功能時我們不希望 使用者剛點進去輸入框時就觸發超連結 所以不能使用onclick事件,這時候ondblclick就很適合我們的需求。

<input type="text" title="網址" name="link" value="" ondblclick="$(this).val()!=''?window.open($(this).val()):'';">

範例:

你可能會喜歡

建立一個對話

你的電子郵件位址並不會被公開。 必要欄位標記為 *