資訊專欄INFORMATION COLUMN
摘要：折騰之路使用各種方式取值，都沒有獲取到輸入框的值，一直以為是取值方式的問題，一直折騰無果，因為在其他瀏覽器下均正常。如果不點擊相關標簽，則可以獲取到輸入框的值。解決方案在每一個這種標簽的點擊事件中，添加來阻止默認事件即可。
起因
對于a標簽的點擊事件，也許我們早已習慣href="javascript:void(0);"這樣去寫，之后綁定click事件來處理，但今天在IE8瀏覽器下某個頁面遇到了很詭異的問題。如果我們點擊了某個這個a標簽，JavaScript中的點擊事件執(zhí)行之后，頁面中的input使用$("input").val()等就取不到值了，使用$("form").serialize()之后相關input的字段也沒有值。由此展開了折騰之路。
折騰之路
使用各種方式取值，都沒有獲取到input輸入框的值，一直以為是取值方式的問題，一直折騰無果，因為在其他瀏覽器下均正常。
如果不點擊相關a標簽，則可以獲取到input輸入框的值。
在另外的具有placeholder處理的頁面中，點擊a標簽后，input中的placeholder值沒有了，因為IE8下的placeholder需要綁定相關事件，因此可以斷定點擊a標簽之后，頁面可能存在刷新。
果不其然，a標簽的href屬性即便寫為javascript:void(0);仍然會導致頁面在IE8下進行某種機制的頁面刷新操作。
解決方案在每一個這種a標簽的點擊事件中，添加e.preventDefault()來阻止默認事件即可。潛在風險
在添加這行代碼之后，對于想跳轉的有些a標簽可能不能跳轉了，那么需要再在事件下面對href進行判斷，或者判斷這個href是否符合直接跳轉的條件，而分別進行阻止默認事件的處理。
Diboot - 簡單高效的輕代碼開發(fā)框架
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://www.ezyhdfw.cn/yun/102414.html
摘要：折騰之路使用各種方式取值，都沒有獲取到輸入框的值，一直以為是取值方式的問題，一直折騰無果，因為在其他瀏覽器下均正常。如果不點擊相關標簽，則可以獲取到輸入框的值。解決方案在每一個這種標簽的點擊事件中，添加來阻止默認事件即可。 起因 對于a標簽的點擊事件，也許我們早已習慣href=javascript:void(0);這樣去寫，之后綁定click事件來處理，但今天在IE8瀏覽器下某個頁面遇...
摘要：也能幫你寫代碼了微軟和團隊一起推出擴展，預覽版可以在插件市場直接查找安裝。微軟宣布將采用內(nèi)核這對于諸多的前端開發(fā)者而言，無疑是本年底最大的福音具體的計劃可以參考官網(wǎng)的博客，在不久的將來，基于的瀏覽器將要正式和我們見面啦。 訂閱 / 投稿：https://github.com/txd-team/monthly本期小編：?Hkmu (扶容)?/?x-cold (尹摯) 新聞快報 npm ...
摘要：也能幫你寫代碼了微軟和團隊一起推出擴展，預覽版可以在插件市場直接查找安裝。微軟宣布將采用內(nèi)核這對于諸多的前端開發(fā)者而言，無疑是本年底最大的福音具體的計劃可以參考官網(wǎng)的博客，在不久的將來，基于的瀏覽器將要正式和我們見面啦。 訂閱 / 投稿：https://github.com/txd-team/monthly本期小編：?Hkmu (扶容)?/?x-cold (尹摯) 新聞快報 npm ...
摘要：也能幫你寫代碼了微軟和團隊一起推出擴展，預覽版可以在插件市場直接查找安裝。微軟宣布將采用內(nèi)核這對于諸多的前端開發(fā)者而言，無疑是本年底最大的福音具體的計劃可以參考官網(wǎng)的博客，在不久的將來，基于的瀏覽器將要正式和我們見面啦。 訂閱 / 投稿：https://github.com/txd-team/monthly本期小編：?Hkmu (扶容)?/?x-cold (尹摯) 新聞快報 npm ...
閱讀 1084·2023-04-25 15:42
閱讀 3684·2021-11-02 14:38
閱讀 2951·2021-09-30 09:48
閱讀 1535·2021-09-23 11:22
閱讀 3504·2021-09-06 15:02
閱讀 3252·2021-09-04 16:41
閱讀 677·2021-09-02 15:41
閱讀 2093·2021-08-26 14:13
