前端小白之使用js实现鼠标拖拽跟随效果

原理：Dom  event对象 获取当前鼠标按下时光标距离页面距离

           Dom   document对象 针对html页面所有的对象

效果如下

html

Dom js

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

推荐阅读更多精彩内容

  • 十二、事件
      JavaScript 与 HTML 之间的交互是通过事件实现的。   事件，就是文档或浏览器窗口中发生的一些特...
    霜天晓阅读 3,556评论 1赞 11
  • h5常见的面试题
    第一部分 HTML&CSS整理答案 1. 什么是HTML5？ 答：HTML5是最新的HTML标准。 注意：讲述HT...
    kismetajun阅读 27,846评论 1赞 45
  • JavaScript高级程序设计-笔记
    第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型：Unde...
    RickCole阅读 5,212评论 0赞 21
  • 断舍离后怦然心动的人生整理
    我盗用了日前很火的两个词，都是日本作者提出的人生整理术。一个是山下英子提倡的断舍离，一个是近藤麻理惠推广的...
    林肆意的妄为林阅读 2,728评论 10赞 29
  • 换位思考
    爸爸最喜欢说 换位思考 早饭时 我坐在爸爸的位置 一切都一样啊 站在教室的讲台上 小花还是小花 我，还是我 躺在柔...
    顽石顽石阅读 193评论 1赞 0