建站
咨詢
售后
建站咨詢
新聞中心
事件主要包括手勢(shì)事件和按鍵事件。手勢(shì)事件主要用于智能穿戴等具有觸摸屏的設(shè)備，按鍵事件主要用于智慧屏設(shè)備。
公司主營(yíng)業(yè)務(wù)：成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計(jì)、移動(dòng)網(wǎng)站開(kāi)發(fā)等業(yè)務(wù)。幫助企業(yè)客戶真正實(shí)現(xiàn)互聯(lián)網(wǎng)宣傳，提高企業(yè)的競(jìng)爭(zhēng)能力。成都創(chuàng)新互聯(lián)是一支青春激揚(yáng)、勤奮敬業(yè)、活力青春激揚(yáng)、勤奮敬業(yè)、活力澎湃、和諧高效的團(tuán)隊(duì)。公司秉承以“開(kāi)放、自由、嚴(yán)謹(jǐn)、自律”為核心的企業(yè)文化，感謝他們對(duì)我們的高要求，感謝他們從不同領(lǐng)域給我們帶來(lái)的挑戰(zhàn)，讓我們激情的團(tuán)隊(duì)有機(jī)會(huì)用頭腦與智慧不斷的給客戶帶來(lái)驚喜。成都創(chuàng)新互聯(lián)推出播州免費(fèi)做網(wǎng)站回饋大家。
手勢(shì)事件
手勢(shì)表示由單個(gè)或多個(gè)事件識(shí)別的語(yǔ)義動(dòng)作（例如：點(diǎn)擊、拖動(dòng)和長(zhǎng)按）。一個(gè)完整的手勢(shì)也可能由多個(gè)事件組成，對(duì)應(yīng)手勢(shì)的生命周期。JS UI 框架支持的手勢(shì)事件有：
觸摸
- touchstart：手指觸摸動(dòng)作開(kāi)始。
- touchmove：手指觸摸后移動(dòng)。
- touchcancel：手指觸摸動(dòng)作被打斷，如來(lái)電提醒、彈窗。
- touchend：手指觸摸動(dòng)作結(jié)束。
點(diǎn)擊
click：用戶快速輕敲屏幕。
長(zhǎng)按
longpress：用戶在相同位置長(zhǎng)時(shí)間保持與屏幕接觸。
具體的使用示例如下：
{{onclick}}
{{touchStart}}
{{touchMove}}
{{touchEnd}}
{{touchCancel}}
{{onLongPress}}
/* xxx.css */
.container {
flex-direction: column;
justify-content: center;
align-items: center;
}
.text-container {
padding-top: 10px;
flex-direction: column;
}
.text-style {
padding-top: 20px;
padding-left: 100px;
width: 750px;
height: 100px;
text-align: center;
font-size: 50px;
color: #ffffff;
background-color: #09ba07;
}// xxx.js
export default {
data: {
textData: '',
touchStart: 'touchstart',
touchMove: 'touchmove',
touchEnd: 'touchend',
touchCancel: 'touchcancel',
onClick: 'onclick',
onLongPress: 'onlongpress',
},
onInit() {
this.textData = 'initdata';
},
onReady: function () {},
onShow: function () {},
onHide: function () {},
onDestroy: function () {},
touchCancel: function (event) {
this.touchCancel = 'canceled';
},
touchEnd: function(event) {
this.touchEnd = 'ended';
},
touchMove: function(event) {
this.touchMove = 'moved';
},
touchStart: function(event) {
this.touchStart = 'touched';
},
longPress: function() {
this.onLongPress = 'longpressed';
},
click: function() {
this.onClick = 'clicked';
},
}按鍵事件
按鍵事件是智慧屏上特有的手勢(shì)事件，當(dāng)用戶操作遙控器按鍵時(shí)觸發(fā)。用戶點(diǎn)擊一個(gè)遙控器按鍵，通常會(huì)觸發(fā)兩次 key 事件：先觸發(fā) action 為 0，再觸發(fā) action 為 1，即先觸發(fā)按下事件，再觸發(fā)抬起事件。action 為 2 的場(chǎng)景比較少見(jiàn)，一般為用戶按下按鍵且不松開(kāi)，此時(shí) repeatCount 將返回次數(shù)。每個(gè)物理按鍵對(duì)應(yīng)各自的按鍵值（keycode）以實(shí)現(xiàn)不同的功能，常用的按鍵值請(qǐng)參考組件通用事件。具體的使用示例如下：
{{up}}
{{down}}
/* xxx.css */
.card-box {
flex-direction: column;
justify-content: center;
}
.content-box {
align-items: center;
height: 200px;
flex-direction: column;
margin-left: 200px;
margin-right: 200px;
}
.content-text {
font-size: 40px;
text-align: center;
}// xxx.js
export default {
data: {
up: 'up',
down: 'down',
},
focusUp: function() {
this.up = 'up focused';
},
blurUp: function() {
this.up = 'up';
},
keyUp: function() {
this.up = 'up keyed';
},
focusDown: function() {
this.down = 'down focused';
},
blurDown: function() {
this.down = 'down';
},
keyDown: function() {
this.down = 'down keyed';
},
}按鍵事件通過(guò)獲焦事件向下分發(fā)，因此示例中使用了 focus 事件和 blur 事件明確當(dāng)前焦點(diǎn)的位置。點(diǎn)按上下鍵選中 up 或 down 按鍵，即相應(yīng)的 focused 狀態(tài)，失去焦點(diǎn)的按鍵恢復(fù)正常的 up 或 down 按鍵文本。按確認(rèn)鍵后該按鍵變?yōu)?keyed 狀態(tài)。
分享名稱：創(chuàng)新互聯(lián)鴻蒙OS教程：鴻蒙OS事件
分享網(wǎng)址：http://m.fisionsoft.com.cn/article/djcpgid.html
