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

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

香積麵 藥膳 風味 84gx5包 素泡麵 純素 素食 蔬食 慈濟 靜思

維力 素飄香 野菜多 素排骨雞 素紅燒牛肉 麻辣燙 麻油當歸枸杞 蔘湯麵 素食 泡麵 單包

平衡豬 獨輪車小豬 平衡玩具 不倒翁平衡豬

義美e家小館-素食炒飯270g/包