ios가 input 입력을 호환할 때 키보드 상자가 튀어나올 때 전체적으로 키보드 상자가 사라지면 ios에서 페이지가 튕겨지지 않는 문제...
해결 방법:
input에 blur 이벤트를 추가합니다. 코드는 다음과 같습니다.
$('input').on('blur', function () {
setTimeout(function(){
var scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0;
window.scrollTo(0, Math.max(scrollHeight - 1, 0));
}, 100);
});(2)ios 키보드 불러오기, 키보드 거두면 페이지 돌아오지 않음 (vue)
질문 상세 설명:
입력 내용, 소프트 키보드 팝업, 페이지 내용 전체 이동, 하지만 키보드 접기, 페이지 내용 내려가지 않음
원인 분석:
고정된 포지셔닝 요소가 요소 내 input 상자에 초점을 맞출 때 튀어나온 소프트 키보드가 초점을 잃을 때 소프트 키보드가 사라지지만 위치를 차지하기 때문에 input 상자를 다시 입력할 수 없습니다. 초점을 잃을 때 이벤트를 줍니다.
해결 방법:
<div class="list">
<div class="title"><span> span>div>
<div class="content">
<input class="contentInput"
placeholder=" "
v-model="peopleList.name"
@focus="changefocus()"
@blur.prevent="changeBlur()"/> div>
div>changeBlur(){
let u = navigator.userAgent, app = navigator.appVersion;
let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
if(isIOS){
setTimeout(() => {
const scrollHeight = document.documentElement.scrollTop || document.body.scrollTop || 0
window.scrollTo(0, Math.max(scrollHeight - 1, 0))
}, 200)
}
}확장 지식:
position: fixed의 요소는 ios에서 키보드를 접을 때 위로 올라가는데, 특히 제3자 키보드는오케이!
다음으로 전송:https://www.cnblogs.com/weblxlx/p/10760392.html
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
