收藏
回答

web-view 页面mousemove失效

问题模块 框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
API和组件 小程序 Bug web-view 工具 v1.02 2.4.0

- 当前 Bug 的表现(可附上截图)


- 预期表现


- 复现路径


- 提供一个最简复现 Demo


h5 代码

<script src="http://cdn.bootcss.com/jquery/2.2.3/jquery.js"></script>
<div id="mouseMove">
<span id="span" style="color: red"></span>
<button id="movebtn" style="width: 100px;height: 100px;">拖动我</button>

</div>

<script>
var num = 0;
$().ready(function(){
console.log('begin move')


document.getElementById("movebtn").addEventListener("mousedown", function(e){
document.getElementById("span").innerHTML = e.clientX + ',' + e.clientY
drag(document.getElementById("movebtn"))
   });
})

/**
  * elementToDrag mousedown 事件的元素
  * @param elementToDrag
  * @param event
  */
 function drag(elementToDrag){
document.addEventListener("mousemove", moveHandler, true);
document.addEventListener("mouseup", upHandler, true);

function moveHandler(e){
num++;
document.getElementById("span").innerHTML = e.clientX + ',' + e.clientY
console.log(e.clientX + ',' + e.clientY)

if(e.stopPropagation)
e.stopPropagation();
else
       e.cancelBubble = true;
}

function upHandler(e){
document.removeEventListener("mousemove", moveHandler, true);
document.removeEventListener("mouseup", upHandler, true);

console.log(3);

if(e.stopPropagation)
e.stopPropagation();
else
       e.cancelBubble = true;
}
}
</script>


最后一次编辑于  2018-12-19  (未经腾讯允许,不得转载)
回答关注问题邀请回答
收藏

3 个回答

  • 黄思程
    黄思程
    2018-12-19

    移动端建议用 touchmove 代替

    2018-12-19
    赞同
    回复 1
    • soriqe
      soriqe
      2018-12-19

      谢谢您!

      真香。

      2018-12-19
      回复
  • 是柿子啊
    是柿子啊
    2018-12-19

    提供下代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2018-12-19
    赞同
    回复 1
  • soriqe
    soriqe
    2018-12-19

    已解决谢谢。

    2018-12-19
    赞同
    回复