首页
学习
活动
专区
工具
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元无门槛券

    手把手带您无忧上云

    扫码加入开发者社群

    相关资讯

    热门标签

    活动推荐

      运营活动

      活动名称
      广告关闭
      领券