防抖(debounce) 节流(throttle) 一、 什么是防抖 含义 触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间，即如果在n秒内 再次触发该事件，会清除前一次的延时函数 代码实现 // 防抖 function debounce(fn, delay = 5 ...
分类：
其他好文 时间：
2020-07-10 09:44:28
阅读次数：
80
HTML5 拖放 一、为了使元素可拖动，把 draggable 属性设置为 true <div draggable="true"></div> 二、添加事件监听 DragEvent HTML5拖放有如下事件 drag事件：拖拉过程中，在被拖拉的节点上持续触发。 dragstart事件：拖拉开始时在被 ...
分类：
Web程序 时间：
2020-05-10 11:22:13
阅读次数：
89
前言近期有个项目需求，需要用到拖动事件。由于不需要考虑IE8等低端浏览器的兼容性， 所以想到HTML5中的drag事件， 但是发现移动端 android & IOS 并不支持 drag 事件。所有新事物的产生都不是偶然， 所以决定自己去实现一个页面元素的拖动。实现页面元素的主要思路，是通过监听事件（... ...
分类：
移动开发 时间：
2020-02-01 13:01:38
阅读次数：
130
当元素或者选择的文本被拖动时触发 drag 事件 (每几百毫秒). draggable 属性规定元素是否可拖动。（draggable是html全局属性）true为可拖动 提示： 链接和图像默认是可拖动的 ondrag 应用于拖拽元素，整个拖拽过程都会调用--持续 ondragstart 应用于拖拽元 ...
分类：
其他好文 时间：
2018-11-03 12:34:35
阅读次数：
113
(function(){ /* 节点 */ var myimg = document.getElementById('myimg'); var dropBox = document.getElementById('dropBox'); /* 事件绑定 */ myimg.ondragstart = d ...
分类：
其他好文 时间：
2017-07-07 13:27:29
阅读次数：
574
定义和用法draggable上的start、drag和stop事件。拖拽开始时触发start事件，拖拽期间触发drag事件，拖拽停止时触发
stop事件示例<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
&..
分类：
Web程序 时间：
2017-02-17 00:54:12
阅读次数：
211
drag事件（ dragstart -- drag -- dragend ） 当按下鼠标开始drag一个可以拖动的对象时，触发dragstart事件，如果元素是不可拖动的话，会出现一个不可拖动的图标，圆环里面一条斜杠 dragstart事件触发以后，当你拖动元素，就会持续触发drag事件，直到你放开
分类：
Web程序 时间：
2016-01-28 15:15:00
阅读次数：
167
触发的事件有：dragstart事件、drag事件和dragend事件。按下鼠标键并开始移动鼠标的时候，会在被拖拽的元素上触发dragstart事件。这时候光标变成”不能放”符号(圆环中有一条反斜线)，表示不能把元素放在自己上门。拖拽开始时，可以通过ondragstart事件处理程序运行JavaSc...
分类：
Web程序 时间：
2015-12-17 12:18:43
阅读次数：
208
1.用过百度的touch.js，挺差。原因一，它的事件代理是代理到最深层，而不是你指定的目标元素。比如，你设置了drag事件，代理了某个absolute元素a，a有子元素a-a，它也是absolute元素。你拖a-a，也能拖，但是a不动。你的本意是，只拖动a，不拖动a-a。原因二，touch.js的...
分类：
其他好文 时间：
2015-01-09 12:34:53
阅读次数：
135
