小程序如何修改光标cursor位置

input{ width:120pxheight:26pxline-height:26pxpadding-left:10px/*这里的值可猛雹以改变光标稿知滚的位键余置*/ border:1px solid #000}

1、首先要确定，图标是可点击的，要使用可点击事件，如tap、bindtap。

2、点击事件中要设置stopPropagation()来阻止事件冒泡，即不响应派送层级上级元素上的点击事春燃件

3、设置样式cursor: pointer，改变鼠标指针形状，提醒用户它是可以点击的

4、明确指出要点击的元素，比如增加下划逗消线或者变化字体颜色，提醒用扒指虚户可以点击该元素

本文为实际工禅基哪作简记，粗陋小笔记一篇，仅供参考。

小程序填写表单的过程中，手机键盘调起，默认情况，键盘顶部会紧贴着表单项。

如图所示：

当遇到这样的场景：

表单项输入的内容，作为关键字，向后台请求匹配数据列表。拿到数据后，在表单项下方展示列表数据，供用户点选。

就会出现问题：

展示在 input 下面的列表，会被键盘完全挡住贺码。

1、获取焦点时，使用 input 组件的 cursor-spacing 属性，设置键盘和 input 组件的间距。

2、失去焦点时，计算页面已经向上滚动的距离，加上列表项的锋冲高度，手动将整个页面向上推，防止处于页面底部的 input  失去焦点时、又掉回页面底部。影响用户体验。

手动将整个页面向上推的方式：

【注意】

wx.pageScrollTo 仅在 page 组件中有效，component 中无效！

1、在当前 input 获取焦点的时候，手动将页面向上、滚动 列表高度 那么大的距离。

2、如何滚动？