美文网首页
js 拖动,缩放总结

js 拖动,缩放总结

作者: 香蕉多加君 | 来源:发表于2021-06-28 16:19 被阅读0次

拖动: 

          dom.onmousedown = function(e) {

                document.onmousemove = function(event) {               

                }

          }

            dom.onmouseup = function(e) {

                    document.onmousemove = null

            }

拖动边界处理方案:

        1、容器dom上绑定:mouseleave事件(mouseout不行)

        2、判断鼠标位置是否在容器dom范围内

拖动后松开鼠标元素还是随着鼠标移动:

        1、给拖动元素添加user-select:none,让元素不可复制

相关文章

网友评论

      本文标题:js 拖动,缩放总结

      本文链接:https://www.haomeiwen.com/subject/yrwpyltx.html