老师这边我想让我的鼠标一触摸到图片轮播就会停止。离开就会继续。可能操作有点多，您能给个思路么。

老师这边我想让我的鼠标一触摸到图片轮播就会停止。离开就会继续。可能操作有点多，您能给个思路么。

目前自己添加的事件时bindchange，得到的效果是这个bindchange事件还没理解清除，不过能实现鼠标触摸到图片图片会停3秒。

index.wxml代码

<!-- 第二部分swiper -->

<swiper  bindchange="changeAutoplay"

autoplay="true" interval="3000" circular="true"

previous-margin="10" next-margin="10rpx">

  <swiper-item>

    <image class="swiper-img"

    src="//img1.sycdn.imooc.com//5fc067a7000130ac05400200.jpg" />

  </swiper-item>

  <swiper-item>

    <image class="swiper-img"

     src="//img1.sycdn.imooc.com//5fc067d200018a1505400200.jpg" />

  </swiper-item>

  <swiper-item>

    <image class="swiper-img"

    src="//img1.sycdn.imooc.com//5fe19d98000153a805400200.jpg" />

  </swiper-item>

</swiper>

index.js代码

//index.js首页逻辑

Page({

  data: {

  showIcon:true,

  autoplay:true

  },

  // input框逻辑部分

  handleChange(e){

    console.log(e.detail.value)

    let value=e.detail.value

    // trim()判断输入的是空格输入框不消失

    value=value.trim()

   if(value){

     this.setData({showIcon:false})

   }else{this.setData({showIcon:true})}

  },

  changeAutoplay(){

    this.setData({ autoplay: !this.data.autoplay})

  }

})

​

在这里输入代码，可通过选择【代码语言】突出显示