<template>
<view class="content">
<view class="" >
<input
style="background: #008000;"
type="text"
@input="input"
@blur="blur()"
@focus="focus()"
@confirm="confirm"
@click="click"
@tap="tap"
@longpress="logpress()"
>
<br>
<br>
<br>
<br>
<button type="default"
@touchstart="touchstart"
@touchend="touchend"
@touchmove="touchmove"
@touchcancel="touchcancel"
>触摸测试 </button>
</view>
</view>
</template>
<script>
export default {
data() {
return {}
},
methods: {
input(){
console.log("input的val")
},
blur(){
console.log("失去了焦点")
},
focus(){
console.log("获取了焦点")
},
confirm(){
console.log('回车')
},
click(){
console.log('单机事件')
},
tap(){
//手机端的触摸事件优先级比click高
console.log('手机端的点击事件')
},
logpress(){
console.log('手机端的长按事件')
},
touchstart(){
console.log('触摸开始')
},
touchend(){
console.log('触摸结束')
},
touchmove(){
console.log('触摸移动')
},
touchcancel(){
console.log('触摸被打断')
}
}
}
</script>
<style>
</style>
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!