js 拖动,缩放总结

拖动: 

          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,让元素不可复制

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 饥人谷学习进阶第 12 天 事件对象 在触发DOM上某个事件时会产生一个事件对象event,这个对象包含着所有与事...
    饥人谷1904_陈俊锋阅读 174评论 0 0
  • 事件 事件流 什么是冒泡阶段,什么是捕获阶段 链接imges 事件处理程序 HTML内联形式 通过onclick选...
    Frank_Yi阅读 411评论 0 0
  • el-dialog弹框拖拽 1、在 utils 中新建 directives.js 文件 import Vue f...
    仰寒天阅读 3,938评论 0 2
  • 我们首先要明白,我们给页面添加效果用到的js到底是什么?js其实包含三部分:dom 文档对象模型 bom 浏览...
    一直以来都很好阅读 817评论 0 0
  • 什么是事件: 我们可以简单的把事件理解为浏览器的感知系统。比如说:他可以感觉到用户是否点击(click)了页面、鼠...
    张松1366阅读 6,837评论 1 6