龙九山
龙九山
  • 发布:2019-06-19 09:47
  • 更新:2019-06-19 13:40
  • 阅读:2919

在点击页面上一个按钮时让input获取光标

分类:uni-app

我有一个input输入框,框上有一个叉叉的小按钮。
1.需求是页面加载时该input自动获取光标。我给我的input加了属性focus。满足需求。
2.点击叉叉按钮清空input里面的值,别且获取光标。

请教:此时我改如何获取光标。
input代码如下:

复制代码<input class="searchInput" placeholder="搜索" v-model="searchValue" focus/>
2019-06-19 09:47 负责人:无 分享
已邀请:
龙九山

龙九山 (作者)

已解决

复制代码<view class="searchButtonList">  
    <image class="searchIcon" src="../../static/images/icon/ic-sousuo.png" mode=""></image>  
    <input class="searchInput" placeholder="搜索" v-model="searchValue" auto-focus :focus="searchFocus" @blur="searchBlur()" @input="searchDelShow"/>  
    <image class="delIcon" v-if="searchDelButTag" src="../../static/images/icon/ic-del.png" @click="searchDelBut()"></image>  
</view>
复制代码/是否显示搜索叉叉  
searchDelShow(event){  
    console.log(event.detail.value.length)  
    if(event.detail.value.length > 0){  
        this.searchDelButTag = true;  
    }else{  
        this.searchDelButTag = false;  
    }  
},  
//搜索框光标离开事件  
searchBlur(){  
    this.searchFocus = false;  
},  
//搜索框×按钮的点击事件  
searchDelBut(){  
    // console.log('搜索框×按钮的点击事件');  
    this.searchValue = "";  
    var _this = this;  
    setTimeout(function(){  
        _this.searchFocus = true;  
    },500)  
},

该问题目前已经被锁定, 无法添加新回复

  • 标题 / 粗斜体
  • 代码片段
  • 超链接 / 图片 / 视频
  • 列表 / 引用

文章内容较多时,可以用标题分段 :

## 大标题 
### 小标题

斜体 / 粗体 :

**粗体** 
*斜体*
***粗斜体***

代码片段 :

``` javascript
代码片段
```

超链接 :

[链接文字](链接地址) 例: [百度](http://www.baidu.com)

图片 :

![图片说明](图片地址) 例: ![百度logo](http://www.baidu.com/img/bdlogo.gif)

视频 :

!![视频说明](视频地址) 例: !![优酷视频](http://youku.com)

有序列表 :

1. 123
2. 123
3. 123

无序列表 :

- 123
- 123
- 123

引用 : ( 双回车后结束引用 )

> 引用内容
引用内容
引用内容