文档建议反馈控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    javascript当中mouseDown事件，mouseUp,和mouseClick执行顺序

    11.mouseDown事件，mouseUp,和mouseClick执行顺序 马克-to-win：下例仔细剖析了mouseDown和mouseClick的关系。当两个对象重叠在一起，（比如这里document和span），一定是先执行所有元素的mouseDown事件，之后所有元素的mouseUp,之后执行所有元素的mouseClick。（有一点切记注意，本例子测试过程中不能用alert，如用alert，down事件后不会再执行click事件了。事件就被alert打断了。） 例 11.1 <html> <head>     <title>根据实验，本例仔细剖析了mouseDown和mouseClick的关系。当两个对象重叠在一起，（比如这里document和span），一定是先执行所有元素的mouseDown事件，之后所有元素的mouseUp,之后执行所有元素的mouseClick</title>     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>     <SCRIPT language=JavaScript>         function linkClickHandler(event) {         //    alert(event.srcElement+"is event.srcElement");         //    alert(event.target+"is event.target");             var t =event.srcElement||event.target;          //   alert(t.id+" qq1 ");             sss2.innerHTML += t.id+" click ";         }         function linkDownHandler(event) {        //     alert(event.srcElement+"ddddddddis event.srcElement");        //     alert(event.target+"is event.target");             var t =event.srcElement||event.target;        //     alert(t.id+" qq1 ");             sss2.innerHTML += t.id+" down ";         }         function documClickHandler(event) {         if (document.all) {         }else{        //     alert("event.currentTarget is "+event.currentTarget+" event.type is "+event.type+" event.eventPhase is "+event.eventPhase+"eventPhase等于3是冒泡阶段不是capture阶段"); /*Event.CAPTURING_PHASE     1 Event.AT_TARGET     2 Event.BUBBLING_PHASE*/                      sss2.innerHTML += " event.type is "+event.type+" event.eventPhase is "+event.eventPhase+"eventPhase等于3是冒泡阶段不是capture阶段"+" document click ";

    03

    javascript当中冒泡（event bubble）用法

    9.冒泡（event bubble） 缺省情况下，当几个元素重合，事件从最上层元素开始往下层元素传播。 例 9.1（bubbleIEFF.html） <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function docClick(event) { var event = event || window.event; alert("IE和FF一样：外面文档："+event.type); } //document.captureEvents(Event.CLICK); document.onclick = docClick; </script>

    缺省情况下，当几个元素嵌套重合，事件从最上层元素开始往下层元素传播。 例 9.2（bubble1currentTargetsrcElementIEFF.html） <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function gotClick(event, who) { /* 1) 在ie中没有currentTarget，我们只能用下面的方法：来仿真火狐的效果。 2）马克-to-win：event.target是最上层的元素，event.currentTarget是最底层的元素 */ var event = event||window.event; var eTarget =event.srcElement||event.target; var eCurrentBottomTarget =event.srcElement||event.currentTarget; if (window.navigator.userAgent.indexOf("MSIE") >= 1) 更多请见：https://blog.csdn.net/qq_43650923/article/details/102211582

    05

    HTML中的setCapture和releaseCapture使用介绍

    setCapture函数的作用就是将后续的mouse事件都发送给这个对象，releaseCapture就是将鼠标事件还回去，由 document、window、object之类的自行来处理。这样就保证了在拖动的过程中，不会由于经过了其它的元素而受到干扰 – 另外，还有一个很重 要的事情是，在Win32上，mouse move的事件不是一个连续的，也就是说，并不是我们每次移动1px的鼠标指针，就会发生一个mousemove，windows会周期性检查mouse 的位置变化来产生mousemove的事件。 所以，如果是一个很小的页面对象，比如一个直径5px的圆点，如果没有setCapture和 releaseCapture，那么在鼠标按住之后，快速的移动鼠标，就有可能鼠标移动走了，但是小圆点还在原地，就是因为下一次的mousemove事 件已经不再发给这个圆点对象了。

    03

    html网页中加入音乐播放器,[HTML5]简单网页本地音乐播放器[通俗易懂]

    既然HTML5提出与本地交互方便，就想写个HTML5的本地音乐播放器。一开始问题主要集中在怎么读取本地文件路径，我想肯定可以用JS实现去操作本地文件(因为node.js很容易实现读取本地文件，但是原生JS怎么写不太清楚)，不过简单一点就用这样只能读取一个，我想做的是最好是把一个文件夹中的都取出来，然后参考http://sapphion.com/2011/11/html5-folder-upload-with-webkitdirectory/ 给file加了个webkitdirectory属性，谷歌浏览器下可以实现，发现目前为止只有谷歌浏览器支持文件夹获取，所以其他浏览器只能为file添加一个 multiple属性 ，可以一次添加多个文件，我参考了一下http://blog.csdn.net/goodnew/article/details/7355619，不过试了几个浏览器发现文章中为file添加的mozdirectorydirectory，并未发现有什么用，更坚信了只有谷歌才支持文件夹获取。后面主要问题就是获取文件的URL，播放器的话用，详细看代码,附上链接http://download.csdn.net/detail/popezong/8790939

    02

    扫码

    添加站长 进交流群

    领取专属 10元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2024 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券