手机端如何阻止苹果浏览器输入框默认放大事件
生活随笔
收集整理的這篇文章主要介紹了
手机端如何阻止苹果浏览器输入框默认放大事件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
今天遇到了蘋果手機瀏覽器輸入的時候,整個網頁會放大,并且不會縮小,暫時還沒有找到解決的辦法,在繼續找找
window.onload = function () { document.addEventListener('gesturestart', function (e) { e.preventDefault(); }); document.addEventListener('dblclick', function (e) { e.preventDefault(); }); document.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }); var lastTouchEnd = 0; document.addEventListener('touchend', function (event) { var now = (new Date()).getTime(); if (now - lastTouchEnd <= 300) { event.preventDefault(); } lastTouchEnd = now; }, false); };
就是這一串代碼,能解決蘋果瀏覽器默認放大的事件,因為蘋果覺得當用戶點擊輸入框放大是很好的體驗,單純的寫meta是沒有用的,需要用js強制的修改
window.onload = function () { document.addEventListener('gesturestart', function (e) { e.preventDefault(); }); document.addEventListener('dblclick', function (e) { e.preventDefault(); }); document.addEventListener('touchstart', function (event) { if (event.touches.length > 1) { event.preventDefault(); } }); var lastTouchEnd = 0; document.addEventListener('touchend', function (event) { var now = (new Date()).getTime(); if (now - lastTouchEnd <= 300) { event.preventDefault(); } lastTouchEnd = now; }, false); };
就是這一串代碼,能解決蘋果瀏覽器默認放大的事件,因為蘋果覺得當用戶點擊輸入框放大是很好的體驗,單純的寫meta是沒有用的,需要用js強制的修改
總結
以上是生活随笔為你收集整理的手机端如何阻止苹果浏览器输入框默认放大事件的全部內容,希望文章能夠幫你解決所遇到的問題。

- 上一篇: MyBatis和MyBatis-plus
- 下一篇: The SwiftProgramming