第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會有你想問的

css touch-action 什么屬性?

css touch-action 什么屬性?

牧羊人nacy 2019-04-04 11:07:43
css touch-action 什么屬性
查看完整描述

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)生任何影響。



查看完整回答
反對 回復(fù) 2019-04-10
?
慕碼人2483693

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ò)展到支持所有元素。



查看完整回答
反對 回復(fù) 2019-04-10
?
嗶嗶one

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>

查看完整回答
反對 回復(fù) 2019-04-10
  • 3 回答
  • 0 關(guān)注
  • 921 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號