uni-app，常用事件

常用事件

  

<template>
    <view>
        <view style="width: 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>

 

@click 和 @tap 只是用一個

@longtap 不推薦使用， 盡量使用longpress