博主信息
博文 26
粉丝 0
评论 0
访问量 27925
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
uni常用的事件
default
原创
974人浏览过
  1. <template>
  2. <view class="content">
  3. <view class="" >
  4. <input
  5. style="background: #008000;"
  6. type="text"
  7. @input="input"
  8. @blur="blur()"
  9. @focus="focus()"
  10. @confirm="confirm"
  11. @click="click"
  12. @tap="tap"
  13. @longpress="logpress()"
  14. >
  15. <br>
  16. <br>
  17. <br>
  18. <br>
  19. <button type="default"
  20. @touchstart="touchstart"
  21. @touchend="touchend"
  22. @touchmove="touchmove"
  23. @touchcancel="touchcancel"
  24. >触摸测试 </button>
  25. </view>
  26. </view>
  27. </template>
  28. <script>
  29. export default {
  30. data() {
  31. return {}
  32. },
  33. methods: {
  34. input(){
  35. console.log("input的val")
  36. },
  37. blur(){
  38. console.log("失去了焦点")
  39. },
  40. focus(){
  41. console.log("获取了焦点")
  42. },
  43. confirm(){
  44. console.log('回车')
  45. },
  46. click(){
  47. console.log('单机事件')
  48. },
  49. tap(){
  50. //手机端的触摸事件优先级比click高
  51. console.log('手机端的点击事件')
  52. },
  53. logpress(){
  54. console.log('手机端的长按事件')
  55. },
  56. touchstart(){
  57. console.log('触摸开始')
  58. },
  59. touchend(){
  60. console.log('触摸结束')
  61. },
  62. touchmove(){
  63. console.log('触摸移动')
  64. },
  65. touchcancel(){
  66. console.log('触摸被打断')
  67. }
  68. }
  69. }
  70. </script>
  71. <style>
  72. </style>
本博文版权归博主所有,转载请注明地址!如有侵权、违法,请联系admin@php.cn举报处理!
全部评论 文明上网理性发言,请遵守新闻评论服务协议
0条评论
作者最新博文
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • 登录PHP中文网,和优秀的人一起学习!
    全站2000+教程免费学