如何關閉ios中鍵盤自動大寫：
我們知道在ios中，當虛擬鍵盤彈出時，預設情況下鍵盤是開啟首字母大寫的功能的，根據某些業務場景，可能我們需要關閉這個功能，移動版本webkit為 input元素提供了autocapitalize屬性，通過指定autocapitalize=」off」來關閉鍵盤預設首字母大寫。
ios中如何徹底禁止使用者在新視窗開啟頁面
有時我們可能需要禁止使用者在新視窗開啟頁面，我們可以使用a標籤的target=」_self「來指定使用者在新視窗開啟，或者target屬性保持空，但 是你會發現ios的使用者在這個鏈結的上方長按3秒鐘後，ios會彈出乙個列表按鈕，使用者通過這些按鈕仍然可以在新視窗開啟頁面，這樣的話，開發者指定的 target屬性就失效了，但是可以通過指定當前元素的-webkit-touch-callout樣式屬性為none來禁止ios彈出這些按鈕。這個技 巧僅適用ios對於android平台則無效。
如何解決盒子邊框溢位：
當你指定了乙個塊級元素時，並且為其定義了邊框，設定了其寬度為100％。在移動裝置開發過程中我們通常會對文字框定義為寬度100％，將其定義為塊級元 素以實現全屏自適應的樣式，但此時你會發現，該元素的邊框(左右)各1個畫素會溢了文件，導致出現橫向滾動條，為解決這一問題，我們可以為其新增乙個特殊 的樣式-webkit-box-sizing:border-box;用來指定該盒子的大小包括邊框的寬度。
移動端觸屏滑動的效果其實就是輪播，在pc的頁面上很好實現，繫結click和mouseover等事件來完成。但是在移動裝置上，要實現這種輪播的效果，就需要用到核心的touch事件。處理touch事件能跟蹤到螢幕滑動的每根手指。
以下是四種touch事件
touchstart: //手指放到螢幕上時觸發
touchmove: //手指在螢幕上滑動式觸發
touchend: //手指離開螢幕時觸發
touchcancel: //系統取消touch事件的時候觸發，這個好像比較少用
每個觸控事件被觸發後，會生成乙個event物件，event物件裡額外包括以下三個觸控列表
touches: //當前螢幕上所有手指的列表
targettouches: //當前dom元素上手指的列表，盡量使用這個代替touches
changedtouches: //涉及當前事件的手指的列表，盡量使用這個代替touches
這些列表裡的每次觸控由touch物件組成，touch物件裡包含著觸控資訊，主要屬性如下：
clientx / clienty: //觸控點相對瀏覽器視窗的位置
pagex / pagey: //觸控點相對於頁面的位置
screenx / screeny: //觸控點相對於螢幕的位置
identifier: //touch物件的id
target: //當前的dom元素
注意：手指在滑動整個螢幕時，會影響瀏覽器的行為，比如滾動和縮放。所以在呼叫touch事件時，要注意禁止縮放和滾動。
1.禁止縮放
通過meta元標籤來設定。
2.禁止滾動
preventdefault是阻止預設行為，touch事件的預設行為就是滾動。
event.preventdefault();
box.addeventlistener('touchmove', function(event)
}, false);
移動端的觸控事件
首先 touch 包含三類事件，它們分別是 touchstart touchmove touchend touch 屬性 1.touch.identifier 此 touch 物件的唯一識別符號。一次觸控動作 我們指的是手指的觸控 在平面上移動的整個過程中，該識別符號不變。可以根據它來判斷跟蹤的是否...
移動端的常用觸控事件
1 touches 表示當前跟蹤的觸控操作的 touch 物件的陣列。2 targettouches 特定於事件目標的 touch 物件的陣列。3 changetouches 表示自上次觸控以來發生了什麼改變的 touch 物件的陣列。每個 touch 物件包含的屬性 4 clientx 觸控目標在...
移動端觸控事件touchmove的坑
一說到移動端觸控事件，大家的反應不就是touchstart，touchmove，touchend嗎，相當於pc段的mousedown，mousemove，mouseup，只要是寫過pc端的js的話，若不慎，往往會坑在移動端。比如說最近我就被touchmove坑了好久好久不能自拔。我的意圖是在觸控的時...