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