微信小程序中实现滚动条事件的绑定方法是

微信小程序中实现滚动条事件的绑定方法是,第1张

微信小程序中实现滚动条事件绑定方法如下:

1、使用onPageScroll回调函数,此函数接收一个Object对象,其中包含滚动条相关信息,如滚动条顶部的位置等。

2、可以通过在页面的js文件中使用onPageScroll函数来绑定滚动条事件,从而实现你想要的功能。

1、打开开发者工具,新建一个页面,并创建页面元素。

2、使用bindtap属性给按钮绑定点击事件。

3、打开JS文件,添加点击后,执行的方法函数。

4、点击一下绑定了事件的按钮。

5、点击后,可以看到,控制台输出!说明成功。

bindChange为输入框发生改变事件。微信提供的bindchange在支持方面还有小问题,目前是失去焦点才能触发到此事件的发生。

如果在 bindchange的事件回调函数中使用 setData改变 current值,则有可能导致 setData被不停地调用,因而通常情况下请在改变 current值前检测 source字段来判断是否是由于用户触摸引起。

swiper里加了bindchange事件,有很多个swiper-item,连续快速切换swiper-item触发bindchange事件,小程序会出现一直无限触发bindchange事件。请检查是否在change事件中使用setData改变current值,请避免该 *** 作。

扩展资料

bindchange是swiper组件的属性之一,类型为eventhandle。

current改变时会触发change事件,event.detail={current,source}。当滑块的current改变时会触发该事件并执行绑定的方法。

swiper组件是小程序中使用频次最高的组件之一,属于视图容器类组件,它通过对自身属性进行简单配置就可以实现在前端开发中要写很多代码才能完成的轮播图效果。

参考资料:微信官方文档-swiper


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/10986218.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-12
下一篇 2023-05-12

发表评论

登录后才能评论

评论列表(0条)

保存