3 回答

TA貢獻(xiàn)1825條經(jīng)驗(yàn) 獲得超4個(gè)贊
CSS touch-action 屬性:指定某個(gè)給定的區(qū)域是否允許用戶操作,以及如何響應(yīng)用戶操作 (比如瀏覽器自帶的劃動、縮放等)。
touch-action 屬性可以被指定為:
1、任何一個(gè)關(guān)鍵字 auto、none、manipulation,或
2、零或任何一個(gè)關(guān)鍵字 pan-x、pan-left、pan-right,加零或任何一個(gè)關(guān)鍵字 pan-y、pan-up、pan-down,加可選關(guān)鍵字 pinch-zoom.
1、auto
當(dāng)觸控事件發(fā)生在元素上時(shí),由瀏覽器來決定進(jìn)行哪些操作,比如對viewport進(jìn)行平滑、縮放等。
2、none
當(dāng)觸控事件發(fā)生在元素上時(shí),不進(jìn)行任何操作。
3、pan-x
啟用單指水平平移手勢??梢耘c pan-y 、pan-up、pan-down 和/或 pinch-zoom 組合使用。
4、pan-y
啟用單指垂直平移手勢??梢耘c pan-x 、pan-left 、pan-right 和/或 pinch-zoom 組合使用。
5、manipulation
瀏覽器只允許進(jìn)行滾動和持續(xù)縮放操作。任何其它被auto值支持的行為不被支持。啟用平移和縮小縮放手勢,但禁用其他非標(biāo)準(zhǔn)手勢,例如雙擊以進(jìn)行縮放。 禁用雙擊可縮放功能可減少瀏覽器在用戶點(diǎn)擊屏幕時(shí)延遲生成點(diǎn)擊事件的需要。 這是“pan-x pan-y pinch-zoom”(為了兼容性本身仍然有效)的別名。
6、pan-left, pan-right,pan-up,pan-down
啟用以指定方向滾動開始的單指手勢。 一旦滾動開始,方向可能仍然相反。 請注意,滾動“向上”(pan-up)意味著用戶正在將其手指向下拖動到屏幕表面上,同樣 pan-left 表示用戶將其手指向右拖動。 多個(gè)方向可以組合,除非有更簡單的表示(例如,“pan-left pan-right”無效,因?yàn)椤皃an-x”更簡單,而“pan-left pan-down”有效)。
7、pinch-zoom
啟用多手指平移和縮放頁面。 這可以與任何平移值組合。
默認(rèn)情況下,平移(滾動)和縮放手勢由瀏覽器專門處理。 使用 Pointer_events 的應(yīng)用程序?qū)⒃跒g覽器開始處理觸摸手勢時(shí)收到一個(gè) pointercancel 事件。 通過明確指定瀏覽器應(yīng)該處理哪些手勢,應(yīng)用程序可以在 pointermove 和 pointerup 監(jiān)聽器中為其余的手勢提供自己的行為。 使用 Touch_events 的應(yīng)用程序通過調(diào)用 preventDefault() 禁用瀏覽器處理手勢,但也應(yīng)使用觸摸操作確保瀏覽器在調(diào)用任何事件偵聽器之前,了解應(yīng)用程序的意圖。
當(dāng)手勢開始時(shí),瀏覽器與觸摸的元素及其所有祖先的觸摸動作值相交直到一個(gè)實(shí)現(xiàn)手勢(換句話說,第一個(gè)包含滾動元素)的觸摸動作值。 這意味著在實(shí)踐中,觸摸動作通常僅適用于具有某些自定義行為的單個(gè)元素,而無需在該元素的任何后代上明確指定觸摸動作。 手勢開始之后,觸摸動作值的更改將不會對當(dāng)前手勢的行為產(chǎn)生任何影響。

TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超9個(gè)贊
規(guī)定用戶能否以及如何操作頁面上的指定區(qū)域
注意:在IE11使用屬性,在IE10應(yīng)使用-ms-touch-action,IE10之前的瀏覽器不支持
語法:
touch-acion: auto | none | [ [ [ pan-x || pan-y || pinch-zoom ? ] | manipulation ] || double-tap-zoom ? ]
屬性值:
auto:默認(rèn)值。瀏覽器允許一些手勢(touch)操作在設(shè)置了此屬性的元素上,例如:對視口(viewport)平移、縮放等操作。
none:禁止觸發(fā)默認(rèn)的手勢操作。
pan-x:可以在父級元素(the nearest ancestor)內(nèi)進(jìn)行水平移動的手勢操作。
pan-y:可以在父級元素內(nèi)進(jìn)行垂直移動的手勢操作。
manipulation:允許手勢水平/垂直平移或持續(xù)的縮放。任何auto屬性支持的額外操作都不支持。
注:touch-action只支持具有CSS
width和height屬性的元素。這個(gè)限制的目的是幫助瀏覽器優(yōu)化低延時(shí)的手勢操作。對于默認(rèn)不支持此屬性的元素,如<span>這種內(nèi)聯(lián)元素,可以給它設(shè)置display:block這樣的CSS屬性來支持width和height。未來W3C規(guī)范會將此API擴(kuò)展到支持所有元素。

TA貢獻(xiàn)1854條經(jīng)驗(yàn) 獲得超8個(gè)贊
html中form表單才有action屬性。
action定義和用法:
action 屬性可設(shè)置或返回表單的 action 屬性。
action 屬性定義了當(dāng)表單被提交時(shí)數(shù)據(jù)被送往何處。
語法:
formObject.action=URL
例子:
<form id="myForm" action="examples.asp">
名字: <input type="text" value="" /><input type="submit" value="提交" />
</form>
添加回答
舉報(bào)