uni-app 事件

uni-app 事件

<template>
    <view>
        <view style=" 100%; height: 150upx;"></view>    

        <input type="text" :value="title"
         style="background-color: #007AFF;height: 100upx"
        @input="change"
        
        @focus="focus"

        @blur="blur"
        
        @confirm="confirm"
        
        @click="click"
        
        @tap="tap"
        
        @longpress="longpress"
        
        @touchstart="touchstart"
        
        @touchend="touchend"
                    
        @touchmove="touchmove"
                    
        @touchcancel="touchcancel"            
        />
        <!-- 不推荐使用了, 请使用 longpress @longtap="longtap" -->
    </view>
</template>

<script>
    export default {
        data() {
            return {
                
            }
        },
        methods: {
            change(){
                console.log("输入框改变")
            },
            focus(){
                console.log("获得焦点")
            },
            blur(){
                console.log("失去焦点")
            },
            confirm(){
                console.log("点击完成按钮/回车键")
            },
            // 使用时 tap 和 click 只使用一个就好 
            click(){
                console.log("单击事件")
            },
            tap(){
                console.log("组件被触摸")
            },
            longpress(){
                console.log("长时间按压")
            },
            //不推荐使用，请使用longpress
            // longtap(){
            //     console.log("长时间触摸")
            // }
            touchstart(){
                console.log("触摸开始")
            },
            touchend(){
                console.log("触摸结束")
            },
            touchmove(){
                console.log("手指移动")
            },
            //如打进电话， （暂时无法演示）
            touchcancel(){
                console.log("触摸被打断")
            }            
        }
    }
</script>

<style>

</style>