在h5写的拖曳事件转换成移动端

Bex5wenti

在h5用原生js写了个简单图片拖曳的例子，但是在转移到bex5的时候出现了各种各样不兼容的问题。其中有几个鼠标的事件不知道怎么转换，image的方法不够，以下直接上代码。

//鼠标滚轮事件
    window.onmousewheel = document.onmousewheel = scrollFunc; //IE/Opera/Chrome
    //不出新窗口，变成可拖曳事件
        function scrollFunc(e) {
        if (e.target != document.getElementById("pic")) {
            return;
        }

    //放大缩小
        var oImg = document.getElementById("pic");
        var direct = 0;
        e = e || window.event;
        //var t1=document.getElementById("wheelDelta");
        //var t2=document.getElementById("detail");
        if (e.wheelDelta) { //IE/Opera/Chrome
            if (e.wheelDelta > 0) {
                ...
            }
        } else if (e.detail) { //Firefox
            if (e.detail > 0) {
                ...
            }
        }

以上是鼠标的mousewheel滚轮操作，想要转变成手势放大和缩小。之后上拖曳的
div1.onmousedown = function(ev) {
        ev.preventDefault();
        var oevent = ev || event;
        var distanceX = oevent.clientX; //鼠标点击位置
        var distanceY = oevent.clientY; //鼠标点击位置
}
还有mousemove和mouseup也是用到了clientX这个值，但是image组件只有click,mouse,key,touch,load几个事件，不知道怎么转换，求解

jishuang

参考/UI2/system/components/justep/touch/demo/touchjs/mainActivity.w

Bex5wenti

有没有轻量级的，我那个只是一个拖曳，不想导入这么大的js

jishuang

没有

Bex5wenti

bex5不支持监听事件的吗？
img.addEventListener("touchstart", function(event){

img获取的是页面的图片Xid，确定没错
报错说TypeError: img.addEventListener is not a function(…)
checkImage.js:54 Uncaught TypeError: img.addEventListener is not a function

jishuang

image上本来就是bind-touchstart事件，可以直接在事件中实现

Bex5wenti

ok  可结帖