問題描述:
1.在vue裡封裝了乙個confirm的彈窗(即如下乙個彈窗)
3.啊~~~,驚人的發現驚人彈窗裡所有的按鈕全部失效了,一點反應都沒有
4.但是,發現只要不是使用的封裝好confirm的彈窗,而是直接寫入到頁面中內容(即使用vue slot這個的時候就不會出現這個情況)
5.於是乎,我開始查閱度娘,最終在 找到了解決方法。
綜合下解決方案:
1/**2* js修復方法
3* @param el 需要修復元素id(#)、class(.)或html標籤字串
4* @param isselect 需要修復的元素物件是否為「select」標籤5*/
6function
jsioswechatpopformfix(el, isselect)
19 resel.addeventlistener(listenevent, function
() )22}
23 jsioswechatpopformfix('input');
24 jsioswechatpopformfix('textarea');
25 jsioswechatpopformfix('select', true);
1/**2* jq修復方法
3* @param el 需要修復元素id(#)、class(.)或html標籤字串
4* @param isselect 需要修復的元素物件是否為「select」標籤5*/
6function
jqioswechatpopformfix(el, isselect) );13}
14 jqioswechatpopformfix('input');
15 jqioswechatpopformfix('textarea');
16 jqioswechatpopformfix('select', true);
1ok!完美解決!2<
textarea
placeholder
="請輸入您取消的原因"
@blur
="window.scroll(0,0)"
>
textarea
>
3<
input
type
="text"
placeholder
="請輸入您取消的原因"
@blur
="window.scroll(0,0)"
/>
4<
select
@change
="window.scroll(0,0)"
>
5<
option
>1
option
>
6<
option
>2
option
>
7select
>89
10<
textarea
placeholder
="請輸入您取消的原因"
onblur
="window.scroll(0,0)"
>
textarea
>
11<
input
type
="text"
placeholder
="請輸入您取消的原因"
onblur
="window.scroll(0,0)"
/>
12<
select
onchange
="window.scroll(0,0)"
>
13<
option
>1
option
>
14<
option
>2
option
>
15select
>
高仿微信軟鍵盤
1 支援android原生表情換ios表情 2 支援自定義表情 首先感謝以下2個開源專案 1 android表情轉ios表情 2 軟鍵盤和表情鍵盤切換防止閃動 首先看效果圖 1 支援自定表情,android表情轉換成ios 這裡 有註解,這裡唯一的難度就是把2個開源專案的功能整合在了一起,既支援自定...
js 移動端之監聽軟鍵盤彈出收起
js 移動端關於頁面布局,如果底部有position fixed的盒子,又有input,當軟鍵盤彈出收起都會影響頁面布局。這時候android可以監聽resize事件,如下,而ios沒有相關事件。解決安卓鍵盤彈出問題 var oheight document height window resize...
h5 移動端 監聽軟鍵盤彈起 收起
回車確認 btn on keypress function e document keyup function e 1.在ios中軟鍵盤彈起時,僅會引起 body scrolltop值改變,但是我們可以通過輸入框的獲取焦點情況來做判斷,但也只能在ios中採用這個方案,因為在android中存在主動收...