41_尚硅谷_h5_复习.wmv原创

那这样，那我们先上午来复习复习，是不是来看一下吧，好昨天咱们做了啥。一咱们昨天播放器啊，今天早上就是玩了一下啊，OK，呃，那我们稍微干嘛过来把昨天讲的稍微过一过好嘞，嗯。对，1012OK。对，是以复习是吧，好在复习这块的话，其实我们来说一下，我们昨天讲音视频标签是吧，在讲音视频标签的时候，大家想想，我们说需要大家注意哪哪几个点，就是我们讲了什么，讲了它的一些attribute，是不是讲了它什么，是不是OK，那其实上面的话需要你们注注意一点，就是一般我们要做兼容啊，做金融事情，我们涉及到一个音视频的转码。是吧，我们说这个转码的话，干嘛通过FFMK的这个工具来转码是吧？啊怎么去配环境变量啊，大家说为了干嘛，就是有有点数是吧，好，那再讲再讲再讲缺这一块的话，其实没有什么需要大家注意的一个点吧，这些比较简单的嘛，是不是啊啊还什么稍微写吧什么。

首先给SC有有H及HD，还有什么。还有什么CTRL是不是还有呢？O托P是不是还有什么，是不是还有什么。推的是吧，还有一个静音吗。是不是还有吗。

啊，声音应该是在pro里面是吧，应该没有啊control playlo啊还是什么漏的是不是就就这么多，那票里面是不是都是跟他与之对应的配票里面需要大家去注意一个注意个什么事情，音量跟什么音量和静音，静音属性干嘛不干嘛不会同步，以及他么静音属性的优先级更高是吧，他他就这么一个坑是吧，好像还没有什么其他坑了吧。没有了吧，还有一个什么漏的函数，是不是我们说漏的函数是用来干嘛的。重新加载的，重新加载吧，什么时候重新加载啊，结合O有RC结合source标签的时候干嘛才有用，才有用嘛，是不是这些其实是我们音视频标签找一些东西吧，其实不难。

真的不难是吧，OK，只不过我们什么，我们后来是不是去做了一个什么，做了一个叫什么。音阶导航，做完这个音阶导航之后，咱们做什么？这个播放器吧，我们说在这个播放器的时候啊，我们待会来讲讲，可能第一个less的应用啊，就是这是我们第一次可能写的嘛，Less代码是吧，用less去干嘛，写CSS吧啊可能有可能可可能会有同学不习惯是不是，可是如果你跟之前用原生CSS去写页面的话，你对比一下，用赖写结构性更好，更易维护。是不是也是不是更好去找到你这个嘛，样式出错的地方。是吧，因为我有这个嵌套嘛，而且更复用嘛，是不是啊，OK，那里面是不是后来这里面有个叫拖拽好，那拖在这块我觉得大家可能会稍微有点问题是吧，那我们把这个初出我们好好来讲一讲好。

好，那我们就放在这个复习里面讲了。呃，我们把这个拖拽跟大家来说一说啊，这个拖拽应该是基础课的时候，我们应该要去讲的一个东西啊，我看一下你们当时做的一个拖拽CTRLC，然后直接贴过来看一眼。好，看一下，这是大家当时做的那个，出出案例是不是好，这里来看一下。嗯。嗯，就是只能是慢慢做是吗。还不能开快是不是，嗯，好，我们来看一下。ADD most move most down up是吧？好，我们重新写一写啊，OK。

来看看啊，那这个东西的话。先放着好吧，OK。那我们把这个拖拽从头到尾带大家去写一遍啊，OK啊，哪边卡壳的话，我们什么我们找找方案就行了啊拖拽比如说一般拖拽的话会有一个元素是吧？啊这个拖拽啊很重要，为什么说这个拖拽重要呢？啊，其实PC端的拖拽不是太重要，到移动端你发现所有的效果都是拖拽。想想是不是啊，花屏啊，竖向花屏，横向花屏啊，滑轮波图啊都是拖拽吧啊所不把这个拖拽的方案进行，而其实移动端跟P端大差不差，只不过一些细节上面不一样而已，所以这个PC的拖拽啊，你们稍微的聚一去把它强化一下，我们看一下啊，比如说我有一个坦克是不是个test，好，这里好来看一下掉OK，来一个新是吧，OK，马点零好判点零是不是market判定都是零八啊再来看一下，那现在我们说什么？嗯，比如说我来个test，是不是来个test y。

200PX也为200PX是不是OK，我们说干嘛为pink是不是，那我现在页面上面是不是有个块，那我就要把这个块干嘛。拖起来吧，是不是走你那怎么办？把这个快薄小一点，太大了，拖起来有点难受啊，走你150，走你好这个块是不是这样的，好我就拖它是不是想想你要拖他跑吧，他肯定得定位。是不是，不然的话，他是没有办法在我这个页面上跑的嘛，是吧，那我就让他拿什么，拜拜，是我不管left你可以先干嘛，在这边指定了都没事，Left干什么？Top丢呗零没有没啊，OK，问题是你要拖着他走吧，是不？那看怎么办。怎么办？怎么才能拖着他走，想想我们先嘛，你先不要，先不要什么急着写代码，一般写到这种效果的，切记先分析再写代码，不然你写出代码你肯定会删掉的，删掉的吗？重新写是吧，但是现在我是不是就是想我鼠标点上去。

拖他走啊，那想想我能不能拿到这个元素一开始的位置。是不是一开始的位置加上你鼠标拖的一个距离，是不是它就是拖之后的位置，来我们来我们来什么，说一下这个思路啊好，我说拖拽的思路，OK，首先第一步拿到元素啊，一开始的位置。是不是第二步拿到，拿到鼠标移动的距离，第三步干嘛。确定什么，确定鼠标什么移动后干嘛元素的。

位置，这个位置怎么确定，不就是拿你这个什么元素，一开始的位置干嘛加上什么。鼠标移动的距离吗？这不就是你鼠标移动后元素的位置吗？这个思路能不能理解，那思路出来了，咱们用代码干嘛？实现一下不就行了吗？是不是怎么实现？啊，实现起来就是有困难，我们说思路谁都会想，是不是这这这三个点，如果你想不通的，你要给我提出来。有没有想不通的？没有吧，OK，那么干嘛？那我就写写是吧，window.window.on road等于一个方形是吧？OK，我们来看一下我们哇，一个什么的小粉吧。

Test嘛，是吧，比如说一个test等于点什么q select，找到这个什么test是吧，找到这个test之后我们来现场，我们要干嘛。弄干嘛是不是干嘛拿到素一开始的位置啊，什么时候去拿到元素一开始位置啊，你上来什么操作不做，他一开始的位置跟你有关系吗？我问你，他一开始位置有可能在这边。有可能在这边，有可能在这边，有可能在页面上面任何一个角落可能拖过吗。是吧，你要拿它什么时候开始一走，鼠标点上去的时候，它应该始置。是不是OK，那需求什么明确啊，拿到拿到什么，拿到鼠标干嘛？拿到鼠标点击时什么元素一开始的位置吧。是不是，而且是不是点到元素上升。

拿到鼠标点击元素时，元素一开始位置。是不是这个道理啊，因为因为为什么你有可能你拖了一次之后，你松手了吧，松手之后的话，这个元素就在这边啊，那你第二次再去拖的时候的话，是不是要拿到干嘛，你点上去的时候这个元素的位置啊。能不能讲，又因为这个元素是定位的，所以说拿它的位置怎么拿top跟。Left吗？是不是OK走你那干嘛，首先上来干嘛，我们要去挖一个什嘛，一个point等于什么。那等于上来干嘛初始化一下嘛，上来干嘛初始化下嘛，这个代表什么元素一开始的这就么拿到鼠标点击时元一开始位置问你现在我拿到的是鼠标点击什吗？不是，我只是先什么初始化了一下。

懂吧，那么你初始化的时候还要去拿什么？要拿鼠标移移动距离怎么拿，怎么才能拿到鼠标移鼠标移动的距离就是你鼠标点击的时候记录一次呗，在在它移动的时候在干嘛？实时的记录呗，在它移动时候这个位置减去你点击这个位置，不就是你鼠标移动的距离吗？是不是用要拿什么鼠标？点击时的什么坐标位置吧，相当于是不是，然后呢，再拿到什么鼠标移动时实时的位置是不是，然后呢，鼠标移动距离就等于什么，问你这个鼠标的移动距离是不是个实时级别。是不是鼠标移动的实时距离应该等于什么？不就等于你鼠标移动时的实时位置干嘛？不就等于你鼠标实时的移移动位置减去什么鼠标点击的。

为什么是不，那我这干嘛，我说我在挖一个鼠标怎么大。等什么？啊，写得稍微形象一点嘛，那干嘛我再搞一个初始包炸对象的是不是？那我问你，那下一次我要点击他读书，我拖单肯定要点他吧，下次弄点什么爱的一他。什么的时候？是不是啊，没的时候干嘛来一个回答，还是什么是不是啊，我说什么，我说在这个里面你干嘛，要不要把他们俩去同步一下。我拿的都是你点点击时的位置吧，那怎么办？大在点什么？

X等于什么？等于什么，能不能？这个回答函你们认识是谁啊？你看谁把事件把给谁了吗？不是发给这个天使弄掉了吗？那么认点什么你定位的嘛，难道你一开始相对于我这个，现在你是相对于我整个数方块嘛，不就相当于我整个什么是口的吗？是不那怎么吗？这是不是拿到我鼠标一开始的位置啊，不拿到什么元素一开始的位置吧，还有个什么。这不也是拿到你元素一开始的位置是吧，问题这个位置left top，现在是不是相对整个是口罩，因为你这个时候你的包含范是谁呀。就是适口啊，处理快。不是玻璃是什么处理不很快是吧？OK，你那我来问你好，那现在我是不是已经拿到元素开始位置啊，在拿鼠标一开始位置咋拿外什么这边来个一密码。

是不是我们说什么E等于E或者EE是不是问你这个E点可X相于的。也不是这个口的嘛，一点是不是口的，你现在这个是不是也是的，他们的是不一样的。那么讲那怎么办？E点什么它的什么点X吧，等于一点什么，可能他X么走你他是什么Y等于什么E点可能他Y嘛。

懂吗？那问你，那是不是这两步就干嘛。是不是拿到鼠标点击时元素一开始的位置，以及拿到鼠标点击的位置，现在我在拿到鼠标移动时的实时位置是不就可了，那怎么办？的时候嘛，是不是test no点那是哪什么。木啊，来一个方形吗？是不是这个时候怎么办？是不是要拿到鼠标实时的位置啊，那我是不是干嘛还得去啊挖一个。我一个闹什么么？不管他。是吧，那我就写的稍微行，稍微形象点，那就有move down是吧。碰是吧，到是吧，没碰，我说他也一开始数化的。

零零吗？是吧，OK，那这两个怎么拿，是不是一模一样的？是吧，把这个E也干嘛拎过来，这边来一个E，我问你这个e.CXY是不是我鼠标在移动时候，它踏实实距离我四口的位置。能不能讲，那干嘛把这个改成move move是不是，那问你实时鼠标移动的距离在这边能不能拿到。能不能到我挖一个什么差值吧，是不是干嘛差差值怎么说差值Dis是不是画一个Dis等于什么也得一个对象呗。是不是干嘛我干嘛第点X应该什么point.x减去什么Mo down point.x这是不是它的横横向上你移动的位置啊？问你这个过程当中手指没有松花那个鼠标没松过，没有鼠标只要一松，从这个档给我开始了。

是不是OK，这你干嘛，我说这个第四点嘛外嘛是吧或点外嘛是吧，点Y嘛，这是拿到差值啊，问你那现在元素是不是在我欧姆斯的时候他要走啊。怎么走啊？能不能认识，是不是他走啊？他点掉点什么？点left应该等于什么？等于元素一开始的位置加上鼠标移动的距离吗？

是不是元素一开始的位置道鼠标移动距离嘛，元素一开始位置了，是大部分的点X嘛，加上元素鼠标移动的距嘛，第点X嘛叫什么。加PX是不是OK，然后呢。他点top等于什么，你这个外加什么，这不拉倒吗。是不就可以了，是不是可以脱了，来看能不能脱。刷上。哎，祝你。你看我是不是刚进去就可以做了，这个是为什么，为什么刚刚进去就可以做了。因为欧盟是这个事件可以单独触发。不像我们移动端，你手指点上去了，才才能触发这个他起木啊，这这我们以后来说，我说你鼠标在这么移，在这么移的时候，你不点的时候，我跟你讲能不能触发欧姆斯木斯加，我说这个欧斯必须要等到什么欧斯到之后吧，那怎么办。

必须要放到里面去吧，是不是只有你？那我就放到里面来呗，放到里面来行不行啊，可以啊，点的时候再给他去保时间嘛，这不一样的吗？是吧，那怎么你看那我上来，我只要不点你看有任何反应吗？没有，因为你的这个时间都没有给家绑上了，是不看下，那我上来干嘛，我先点一下我再说。是不是可以了，我拖慢一点，这次我拖慢点是不是可以啊，可是你发现我拖得快呢，出去了，为什么他不动了？你看我拖快点走，我拖快点压根不动吗？为什么？你这个欧莫斯木事件你给的谁啊？他弄的你有没有和很有可能你拖得很快啊，一下子就拖出来了，这个事件有没有可能不在他身上出发？

那我说怎么避免把时间应该给文档啊，给文档，不管你怎么拖干嘛。是不是我总能触发欧姆斯事件呢？我在文档上面拖的时候我干嘛，我还是让你这个E去跑不就行了吗。懂吗？你看嘛，大家看现在为什么我吐得很快的时候他不动啊。离开这个元素了，这个时间还能触发吗？那这个时间必须给谁啊多可是这个里面还能用，为什么不能？应该什么test，因为你在文档上面出的时候，你不能动文档，你还是得动test no是吧？然后再来看一下，你看。哎，我哪怕做的快一点。是不是就没问题了，是不是OK，那问题你看现在我大家看还有一个问题，大家看现在我点上来，我拖好我手指啊，我鼠标抬起来啊，我再拖。为什么你这个事件绑上了就绑上了，不会再清掉的，你除非干嘛手动给他清掉，什么时候给他清掉，鼠标抬起来的时候给他清掉是吧？我们说这个欧斯事件一定要把它清掉吧，因为他可以单独触发，会影响我们逻辑的，鼠标从谁身上抬起来时候把它给干掉，元素还是文档，文档是文档，那怎么办？

多点什么什么up的时候嘛，来一个吗？我们说这个是不是动二的形式法，动二的形式法怎么清啊。啊，一定要去remove吧，这个时候你会发现这后面这个轻的时候的话，是不是要给这个回调函数去指定名字。不然没有办法remove的吧，那不就讲那怎么办，那我们说最好现在不用这个什么。

我们说最好改改这这个时候用动明事件就比较简单了，Test，你说这个时候氢的话，我问你这里面的每一个回调函数，你是不是都要去指定名字啊，写一个名字吧，你才能把它给清掉吗？因为我们是S，因为呢可以给一个动节点绑定一个类型，上面是不是一种事件上面绑定多个轨道函数道啊，这是比较操蛋的事情嘛，那怎么办？那其实这边我们用动物零的形式更简单点，O什么某down等于一个方形。是吧，把这里面东西干嘛，哎，看这个回，看这个回调到哪，是不是到这把这个回调逐一给他干嘛，拎出来CTRLX。这个行不行，一样的嘛，刚刚你是用动毛的形式来放的吗？现在我是用换成动零的形式嘛，是不是再看里面呢，是不是也换掉这个换成什么。什么欧什么欧斯木等于一个方形，OK，这个方形怎么写，就是这个方形嘛，是吧？OK，把这个方形干嘛，英国人。

是吧，把这个干嘛干掉嘛，那这个是不是可以就不要了，然后呢。来看一下现在是不是还是还是一样的整理，你看刷一下整理是不是还是一样的你呃，鼠标点开的时候，它是不是还是会动啊，对吧？动姆零清除事间就比较简单了，多可门特点，On Mo up的时候等于一个方形，怎么清啊，极其简单，干嘛多给点。木等于，因为我们说多姆林事件一个一种类型事件，它只能把把什么一个回调函数，所以说你直接把它形成到就行了，懂不懂那问你。

Almost是不是也最好呢，亲听。这。是不是自己把自己干掉呗。问你整个O摸杀之后，他还需要吗？不需要了，你绑上了就有了懂吗？所以最好不要去影响，干嘛全部给它清掉是不是？问你这个欧斯到能不能清掉。不能，你待会还要干嘛重新点上去呢，这个时间得一直在，懂吗？这个是我们来看是不是走，你有这个吗？还要黄滑滑是吧？OK，滑完之后你看是不是还能出滚动条近掉。怎么办？T干嘛还百分百，然后呢，Over呗的，只要你刷一下，你看是不是就干干净净了，是不是，你看现在我鼠标抬起来，我再滑有吗？不是就不动了，那么讲OK，那这是我们的第一个版本吧，它还是有问题的，我们来看看现在是不是逻辑没问题了，OK，来我们来看一下。

好，他有什么问题，那这个就干掉了。CTRLCCTRLV0，二。这里来看一下，如果我这里面有些页面上面有些文字，比如说小飞，我是小飞，小飞张男神。是不是啊，这你看一下好。你看这个不承认他哦哦哦哦，错了，应该打个零二。你看是不是有啊，在下面什么盖着什么，你看这个时候是不是好好的看着我ctrl a是不是会选中这个文字的，你看我再来拖。拽的是字了吧？问你我有没有给这个字写过拖拽世界没有，这是览器的默认行为，事件的默认行为不是我给哥哥们的绑，我是绑了，绑了欧斯莫时件，他能触发吗？

我还我在鼠标点上，就虽然说绑上斯世界了，我有把文字给进行便宜吗？没有，我压根没有给文字去处理过他任何的。拖拽时间，可是你发现我ctrl a的时候，浏览器跳的就是啊。文字你下来再做这个东西是有问题的，你看到没有，整个机制是不是就干嘛错乱了，也不要管为什么错乱，反正就告诉你被浏览器的功能事件所影响是吧，那怎么办？那怎么办？现在我是不是自己的逻辑被浏览器的默认事件的默认行为所影响了，那我是把浏览器给它阻止掉就行了，动里面怎么去阻止事，阻止事件的关行为啊吗？在一个世界内部干嘛，不就是你欧斯当的时候嘛，那怎么办？我说你在欧莫斯当时干嘛？直接阿一什么是吧，看着走你我刷一下是吧，拖出来肯LA你看是不是他是还是可以拖到来看下走，你拖他还有问题吗？

就没问题了，那么虽然现在你们俩的逻辑啊，互不相干，为什么？因为我在拖这个方块的时候，我已经把世界的默认行为全部给你禁掉了，你拖文字你拖吧，还是正常的，可是你再也影响不到我的什么。放坏了懂吗？啊，这是不是把世界的末日行为给他阻止掉了是吧？OK，那这样是不就完，这样不就完事了，还没看下老祖宗。来看一下这你比如这边是有文章好，我可专我去做没问题啊是吧，看老祖宗的地版本。

走到二八吧，218可能就已经。不行了，我先在微拖出来点肯LA，你看我再拖也没问题，奇怪好了，是不也没问题啊，那版本再低一点，五五我们基本就放弃的，二八刚刚可能没有调过来，可能就A。你看是不是还有问题啊是吧，你看现在是不是正中八，你看我刷一下干嘛这么拖，没没任何问题啊，Ctrl a我再来拖的时候。还能还能还能拖得动，这个快吧，说明底下这个这个有没有起作用，没有是吧，看其他浏览器里面肯定是正常的。我们开这个come。打开不卡的come。好，拖出点肯A，你看我拖这个快有任何问题吗？没有，你看放手就放手，拖就拖吧，可在A8就是不行。

是吧，那我们是不是说干嘛，我说其他都很好，都没有任何问题什么我们说嘛，禁止不了什么，禁止不了IE8以下其实就是A8以下浏览器的默认。其实是浏览器什么IE8下浏览器事件的什么默认行为是吧，这就尴尬了，其他浏览器里面都可以IE8不行，那我们说干嘛你要有有一些什么叫降薪的话，你说干嘛一定要把它给处理掉。是吧，我们说做程序员一定有一个什么，这我看我听不出来了。降降心剑心啊，那不行，降降平啊，刚拼对了是吧。

哎，咱打什么工匠吧啊对，一定要什么，一定要有匠心是不是啊，一般你们看到一些招聘，在什么招聘的最后一句什么一定要有降级，就是懂嘛，要让你抠细节，能不能理解，那我们就扣一下是，我们说好像IE8底下还是不行是吧？OK，那我们就来看这事，我们先不要看拖拽了，我们来看这事情，我们说是不是IE8底下的默认世界我们进不了是吧？OK，我零三看一下什么叫全局突破。全局补货，好，全局补货我们来看一下，比如说现在要把它全部干掉。好，上面这个也断掉。好男神干掉好，比如说现在我有几个按钮。啊，I1步的是吧，OK，我给个T叫做。

嗯，都给button吧，啊，比如说我这个叫BUTTON1，这个后面叫BUTTON2是吧，再来一个叫做。八三是吧，诶这个八值不能写在当中吧。是不是干嘛呢？你干嘛给他的没了吧，疯了。好，干掉。123OK，这里。三个八特马啊，这个八我给他换换个名字，我说让八腾一开启全局不货。好周，你这个是一个什么意思呢？我们首先来看一下什么叫选局部放，那看一个字点上哪去看。

安迪。是吧，3W点。百度的。好好找MB。好，我们来看一下，那什么叫权力，不，我们说现在我们要解，我们要解决什么事情。解决IE8底下那个默认时间我们进不掉的那个问题是吧？OK，我们来看一下，比如说我们有个叫C。C。我有没有听错？好像拼错了。Car。你看I特点谁的看吧，我问你这个API定义在了哪个接口身上，这个多能用吗？多可能多可的能不能用。

Document能不能用，想想那个图啊，No的底下，Document现在接口定义在了上，都能用吗？懂吗？好一个叫这个叫什么C的卡，不看他什么意思。OK。CTRLC贴过来。OK。好，我们就看这句话，在处理一个almost到事件过程当中，调用这个方法会把全部的鼠标事件重新定向到这个元素上，直到鼠标按钮被释放，或者都可点release卡就被调用，是吧？再来看一条什么。Release。

好，定义在了谁身上？Document身上能用吗？不能。这你看干嘛？CTRLC再切过来，好，一个叫设置全局捕播，一个叫什么释放全局捕获，走你ctrl s OK。呃，这个叫什么多客的点定时看不。OK，上面是什么？Element点什么？现在能不能体会到什么叫熟写A撇？还不等于是不是OK，你们现考吧，是我们来看一下，我们那这个就可以关掉啊，把这两个API看到，其实看到它什么意思就可以了，而且还有一些事情可能A，呃，还有一些事情可能是Aa片上是不会说的啊，是个事，是个什么事情呢？我们说什么在谷歌底下没有全局不慌。

在火狐底下啊，这个得靠工作经验，在火狐底下OK，我们说什么全局捕获有定义，但没有时机的作用。OK，在底下。全局补货。专治各种不服。

啊，相当于你可以认为干嘛，你可以认为全局，不过就是I的东西，你可以这么认为，因为在其他浏览器底下干嘛，有些是有定义的，可是在览器中它不会去实现，相当于我们现在看的看的是MD嘛，火狐里面有没有定义啊，有，可是这个功能在他浏览器当中就是没有实际意义了。懂吗？可是在IE底下是有的，OK，那这些是啊，这些是就是API上不会去讲这些事情啊，OK，可是你们得指导一下，比如说我们来看一下我们说什么，你说一个元素，如果C就看不出了在处理一个什么事件啊。欧到，你能用克吗？我告诉你用click也行，可是规范上面是不是说摩斯达你如果什么在一个click时间底下，你开启一个元素的C发，如果有些浏览器不支持啊，那你是你自己倒霉。懂吗？因为你没有跟着规范走啊，规范是说谁啊到懂说什么，在处理一个猫到事件过程当中，调用这个方法来把全部的鼠标事件重新定加到这个元素上。

什么意思啊，只要你一个元素了。在一个欧莫斯大事件底下，只要你把一个元素看不去了，那以后所有的鼠标事件都不会触发。所有的鼠标线全部对吧，指向了这个的，也就其他元素的鼠标线还能触发吗。不能，那你想想，现在我们是不是在IE8底下没有办法禁止世界的默认行为？我问你，我有没有办法，在IE8底下，我压根就不让世界的末认行为拿到自己的机会。我们现在是阻止不掉吗？阻止不了是因为他干嘛，他被触发了，他被触发了才干嘛阻止不掉嘛，现在我不阻止你干嘛。我直接不让你触发，我把所有的鼠标事件干嘛，一开始全部重新定向到我的吗这个元素身上。

其他拿不到吗？这个能不能理解，OK，那干嘛，我说你干嘛C的之后要不要释放，你整个用的逻辑结束之后是不是该释放呢？能不能解，那我们可以先来试一试嘛，CTRLCCTRL0。零四我们来看吧，拖展兼容版。怎么做，我们说在一个almost底下，你开启一个元素什么。全局，不会吧，怎么办？我说你上来干嘛？行不行，是不在上点。P，首先看一下你有没有这个，因为这有些有些家没有吗？你直接调用可能会去做吗？那先看下有没有，如果有。给你调一次，那我就问你，现在事件默认行为还有机会执行到鼠标时间吗？有吗？这算不算曲线救国？是不是我没有让你世界的末日行为拿到执行的机会，那我也就没有必要去阻止你了。

两种思路不一样吧，一开始我是去阻止你这个世界末日行为吧，阻止世界末日行为说明世界这个末行为有没有被触发，有被触发了我才需要来阻止你吗？是不是？那我现在呢，在挨底下我说什么？我阻止不了啊，那我干嘛？我压根不让你处罚，我把所有的鼠标时间全部拿到我自己身上。懂不懂？可是问你最终要释放，释放是在是在谁身上？释放是在身上吗？上有什么类似什么点？

阿一阿一类，看你有没有的话，干嘛给你好一次。是不是就可以了，那看一下谁啊。看阿姨服不服？Z。都还有什么吧？来看一下稍微拖拖拽一点，是不是ctrl a。服不服他是不是就服了？是不是他不就服了，那问题I18，咱们是不是也做完了，所以说我们说这个全局捕获跟释放全局捕获是不是曲线救活，相当于你是在阻止世界模行为吗？可是你要知道他有实质的区别。它阻旨是源头，它是触发之后再去啊主子能不能讲，那我为了你们大对这个全局不会有更深的印象，我们来干嘛？在线两个单，我给你们看看好走年，比如说干嘛，现在我说是不是有个八，OK，我先了画一个。

BT等于什么？多点select找到什么？不什么。TYP等于什么？八吧是吧，我们去找他的。哦吧，这是我找到的。八。是不是干嘛，我说八个嘛，第一个是不点O。Most等于一个方形，比如干嘛？我说你去A什么？

我是。B but OK，再来。八一我是不不对，我是八二是吧，OK，这个干嘛。不用把它删了，这个不好玩，OK干嘛，这个按钮是干嘛，我让你第一个干嘛开启。全局捕获点C看是不是好，我们来看一下，这里我们说是不是在A几下测是吧，最好跑到I1，其实在I1，只要是在I里面就应该可以来看一下。首先。首先我们来点好点81.8啊是吧，OK，现在看着我说开启八一的全局化，点点下就已经开始了，我点八的时候应该弹出什么。

我点八的时候是不开始，为什么你点八二的时候是不是一个鼠标，现在鼠标被谁拿走了，把一拿走。是吧，因为八天一开启全球捕获，所有的鼠标事件全部跑我身上来，不管你触发什么类型的鼠标事件，都执行我自己身上的事件。你干嘛，你刚是不是点了一下，是不是欧到OK，可是问你是不是点了八点了八二的话，问你是不是点8323的这个点直线还能被触发吗。不能，他被拿走了，被谁拿走了？巴特一，巴特一身上有没有欧姆斯当事件有处罚？能不能讲是不是八分一开启的全力补货懂吗？我再来点八分一呢。这就是八乘二了啊，这是为什么？这就是说如果开启一次决定不够，你可能触发了哪些操作时候，他也会释放的，这个就没有办法去捕捉到每一个细节了，等到这自己一些机制，比说把我说一下点八肯定点八定是八是吧，我说让八一开启全局捕货，我点这边。

哎，是没有触发任何事情，我点差诶怎么可以关掉。比如说我再给他来个什么on事件，刚刚可能触发了什么on事件，来，我再来。你好，我让八天一开启全球不报。你看见没有，现在我点上去的时候是不触发的哦，肯定世界你看现在是谁啊八一吧，那问你全全局不会有没有开启了，刚刚刚是不是开了，因为我是先开了全局不过的是吧，你看我再点再点点关诶应该不能关。

好让八天一开启全全球破，可能我点的这个按钮之后，全球就被释放了。是吧，那怎么办？比如说我上来干嘛。上来我就干嘛，上来我就让他开启全局补货，是不是比如说其其他我都不要。我其他的表给他绑一个，OK时间吧，是吧，走你。好，你看还能关掉啊，这个好像。OK，我点一下，你看我是八等于吧，点空白区域是么？我是不是点的是空白区啊，点空白区域的时候是干嘛，因为你全局不会的嘛，他把时间是不是全部拿过去了，可能并不是所有的区域它都会干嘛，触发全局捕获吧，可是你知道这个全局捕获这个概念就行了，这个能不你讲可能我点这个按钮的时候就压根不是什么，就没有了么？没有把这个事件拿到这个八零身上来，对不对，我们看一下在I18小数。

啊，这个IE的兼容性问题有点。走，你。好，我来刷一下，OK，我点你看点不掉了吧，是吧，因为你他把什么他说你点这个差的时候也干嘛，他他也把这个算成一个克的个世界吧，是不是也让什么八天一拿到了是吧，你们是不是在早期的时候能搜到卫星木马，就是可能发一个链接，你一点之后开了一个浏览器，怎么点都点不掉，都是弹窗，一个弹窗一个弹窗的能不讲，而其实跟这个全局，不过就其实差不多能解，你看现在我能关掉吗？啊，第二次可以就可以关掉了，对吧，因为可能你干嘛。比如说我一点啊，不不不应该在I1吧底下，比如说我在I18底下，是不是只有你就你看我上来点，我是不是关掉耶，那么奇怪。

好一八下吧，先刷一下在他把这个机子吗。跑一次吧，你看我点你看是干嘛关不掉了，真的可能这个这个就是全局，不过触发这个机制可能不一样那么讲，可是你要知道有全局博这个事情在，他能帮我们解决这个拖拽的兼容性问题，懂吧，相当于全局不货，你们就认为他只有在拖拽起才能用就可了。对吧，其实他也没有什么其他的一些使用的业务场景，可是你要知道有I有个事情叫做全集。补货能理解吗？那我们写到现在这个代码能理解。这个地方是不是就可以。理解我当时怎么去写它了吧，是吧，是OK，那可是还没做完，我们说还有些功能没有做，他想啊，现在我是不是拖来拖去的是吧，那是不是还能超出啊。

我们是不是还要去限制范围啊是吧，OK，那怎么样去怎么样去限制范围。怎么去限制范围的，想想。零五杠拖拽限制范围。怎么去限制范围？文本给他看了。怎么样去限制范围？想想怎么样去健身房玩？是不是不能让他出去啊，是不是，那问你一旦他出去了，说明他的这个特的指位多负的这边出去说明他的。波的值跟值为负的这边出去呢，Right跟top值为负的这边出去呢，Right跟波值为负的，一旦让他干嘛，这几个只等于零的时候干嘛统一调成零是不是就可了，那怎么办？

谁呀，是不是这两个字啊。问题要在这个底上去控制，限制还是在他的下面去限制，上面还是下面，上面这边他就要跑了。是吧，那怎么办？我们说我们来画一个L等于什么？等于什么？等于它吗？这个值不就可以等于L是吧？OK，然后呢，画一个什么。T。是吧，这个值干嘛，不就等于T吗？是吧，我把这个T在干嘛给大家拎过来，现在我是不是只操作了left to吧，是吧，那么什么如果什么left干嘛？

小于零或者T小于零的时候，这些词应该都归零。也等于零。是不是啊，是不是这样的，我来看看这里还他还能出去吗？这边还能判断了一个平方的左上角。不对，大家看我这边过去是不是都让他置置顶了。到这边出去的时候，你看是不是还可以出去啊，它是不还可以跳上去啊，这不对劲，不能这么处理吧，你看这边什么，因为我始终让你去理了嘛，是吧，也就你只能去去，为什么。这个点了吗？是吧，你看我如果让你什么超出肯定是不行了，这样都是正常的，可是一旦嘛，比如说什么我只要满足这个条件就可以了，那怎么怎么办。

想想为什么我到这边的时候它能跳上。那个。你看我这边过去是不是特不小于了，不赖不得干嘛小于了，那小是立马跳过来了，我这太突兀了，不好吧，那怎么办？这边能用过吗？能用货码不能用货吧，那看怎么写。的话也行。那应该怎么想？这个判断怎么做？想想这个判断该怎么做？现在我不说话，是不是就可以脱，是不是想想我们说应付什么？嗯，想想怎么做。嗯，不能等于零吧，这个判断应该怎么做，现在我们说这个范围的控制上面应该怎么写。

诶先不能拖了啊，一摸这有的一般的这那大家想现在这个范范围的空间应该怎么做。几种情况？这种情况或者这种情况，或者这种情况或者这种情况。是吧，也就是说我这个距离超过这四条边的时候的话，就应该要回来。是不是啊？嗯，想想。怎么办？嗯，应付什么。If这个left嘛，Left干嘛小于零，算一种情况，Left小于零的时候，并且什么。LA小于零。那我是不是可以这么写，Left小于left就等于零？那小于等于零是不是，然后呢，又什么小于零时候托把等于零是吧，看这个行不行。

你看这个这边是不是干嘛永远就出不去了，你看是不是后面几个都得写上，所以我觉得这种方案不是很优雅，我再来想一个比较好一点的方案吧。嗯。这个点呢。这个点是你吗？你看这边是不是也撞，撞也撞不出去，这也什么撞出去了吧，这边呢，这边呢，这边呢，问你到这边的时候问你相相当于我的错，错是个什么。是不在这边，那是不是拿什么是口的宽度减他自己的宽度是吧，错过这个也不许动啊，那怎么办。夜福，什么top小于零或者什么啊，不对，还是等于干嘛，拿出来写吧，耶福什么？

干嘛？大于什么大于什么点什么。Document do吧，document.document点点可能。Client什么？是吧，减去什么是不是点什么是吧，如果你大于这个值就应该。等于这个值是不是就你。CTRLCT就应干嘛，等于这个值是不是在哪来看一下行不行，只有你出不去你看。

怎么出都出不去了。是吧，这边已经扣死了吧，这边呢吧。你看这这个也是出不去的嘛，现面就差这个什么不是没有嘛，只有因为我只控制那那我干嘛这一什么又什么，还有什么大于。这个玩意吗？把这个改成。去他。是吧，OK。Y这个L应该等于什么？等于它？那是不是范围的控制我们也做完了，这里来看一下行不行，说一下你还能出去吗？撞撞撞撞撞。

出去了吧。是不是，哎，你们还有没有看到一个效效果就是磁性吸附啊，什么意思啊，就是慢慢我拖到这边的时候，还还没有到的时候，是不是快要到了，就得一下上去，你们玩的时候那条辅助线是不是这样了。还记不记得，就是比如说我不让用户一点一点的什么拖到左上角吗，干嘛，比如说干嘛接近左上角的时候，直接让他吸上去。这个能不能做现长我们慢慢，这叫磁性吸附嘛，B格是不是很高啊，磁性吸附其实很简单，慢慢做来就就地下去嘛，上去呗，怎么办？哎，CTRLCCTRLV啊，这个我被问到过磁性怎么做，当时吓死我了，磁性啊。雌性吸妇不不吸妇磁性吸附怎么做，看着怎么做。

这边差不多，这边应该是加还是减，想加个100不应该是减个100只你。减一个100，我把这个值变小不就行了，来看一下是不是一个直走，你看啊到100的位置。啊，这是零五吧吧。啊，比较难拉出来了，都已经。干嘛吸住了呗，看出来了，看着啊，到100的位置。就就你看是不是自己上去吧，看到没有吸上去了吧，很明显的吧，吸上去的吧，是不是不知道给变宽张的系列是哪，是不是你看走你。吸上去拉出来整，你吸上去随便做了一个吧，你可以把这个子控制什么，稍微的小一点，控制小一点，这个效果就会比较好。

啊，名字逼格特别高吧，所你刷下这个慢慢慢慢。到十左右，嗯，自己写上去了吧，慢慢慢到十左右。不懂。你看是不是自己自己就就了一下什么上去了，能不讲OK，那待会我们再把这个东西封装成一个库子就可以了，OK啊，大家先把这个东西先看看。