展开

关键词

JS获取,获取的源(Firefox,IE

也可以用Prototype或者JQuery等,它们有他们的包装。还是使用JS库比较好,不然就有下边的麻烦。 感觉这个挺好,可以捕获当前作用的,如event.srcElement.tagName可以捕获活动标记名称。注意获取的标记都以大写表示,如TD,TR,A等。 怎么用,在此详细说明: IE下,event有srcElement属性,但是没有target属性;Firefox下,event有target属性,但是没有srcElement属性.但他们的作用是相当的 在 ie中处理直接使用window.event即可,但在firefox中,是没有 window.event的,函数需要使用的时候,需要在发生时把作为参数传递给函数,不ie中, 是全局的,随处都可以访 问.下面这个getEvent()函数可以兼容firefox和ie,只需要在访问的函数的开始调用getEvent()即可,不用再把作为 参数传递.以下代码已经实验通过

1.4K50

JQ

有两个参数(方法),鼠标一定到指定以及移出时会触发二 键盘   1 keydown 键盘按下时触发的   2 keyup     键盘松开一瞬间触发的   3 keypress  键盘按下松开整个过程触发的 $(this).scrollTop(); if(str>1000){ $(.bar).css(display,block) } 滚动条的距离scrollTop()和scrollLeft() }) 2   JQ在函数中默认传递了参数event,   一  event属性       1 event .type   描述的类型       2 event.target  触发该的DOM 在mousedown、mouseup中,event.which属性返回的是应鼠标按钮的映射代码值(相当于event.button)。 以下是主要的鼠标按钮映射代码应表 Event.which属性值 应的鼠标按钮 1 鼠标左健 2 鼠标中健(滚轮键) 3 鼠标右健       6 event.preventDefault()  阻止的默认行为

49620
  • 广告
    关闭

    90+款云产品免费体验

    提供包括云服务器,云数据库在内的90+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    event

    event: ,当一个发生的时候,和当前这个发生的这个有关的一些详细信息都会被临时保存到一个指定的地方-event,供我们在需要的时候调用。 必须在一个调用的函数里面使用才有内容 函数:调用的函数,一个函数是不是函数,不在定义的时候决定,而是取决于谁调用这个函数。 标准下的浏览器:是通过函数的第一个参数传入的。 (非标准浏览器ie 6 、7不支持,非标准支持event);如果一个函数是被调用的,那么,这个函数定义的第一个参数就是ie下:obj.attachEvent(名称,函数); 1.没有捕获 2.名称中没有on 3.执行顺序 非标准->倒序 4.this指向window function fn1(){

    24120

    JavaScript

    一.处理三部分组成:.处理函数=函数。例如:单击文档任意处。 onclick表示一个处理函数或绑定的属性(或者叫监听器、侦听器)。document表示一个绑定的,用于触发某个元素区域。function()匿名函数是被执行的函数,用于触发后执行。 };从上面的拆分,我们并没有发现本章的重点:。 那么是什么?它在哪里呢?当触发某个时,会产生一个,这个包含着所有与有关的信息。包括导致的元素、的类型、以及其它与特定相关的信息。 ,IE不支持,IE自己定义了一个event,直接在window.event获取即可。

    268100

    vue.js

    ;} new Vue({ el:body, methods:{ changed:function(event,l) { console.log(event,l); } } }); 解释:$event是 一样的效果,都是冒泡. 效果: ?? 都是阻止默认.效果图:?

    8810

    touch,touchEvent

    touchcancel - 触摸过程中被系统取消时触发 (很少使用)touch 与mouse区别:touchstart:手指按下,mousedown:鼠标按下。 event ,提供了手指触摸过程中的常见属性。 打印函数返回的 event ,发现有很多参数,如图:1.2、touchEvent 属性targetTouches - 当前元素目标上 touch 列表。 很多情况下,触摸跟鼠标会同时触发,目的是为了在pc端运行的时候,没有触摸设备可以使用鼠标代替。 如果可以支持触摸,则把鼠标使用event.preventDefault()阻止发生,此时鼠标将失效。如果鼠标和触摸都支持时,还有添加多个触摸时,具体的执行顺序是怎么的?

    8530

    浅谈JavaScript的

    在触发DOM上的某个时,会产生一个event,这个中包含这所有与有关的信息。包括导致的元素、的类型和的相关信息。例如鼠标操作的中,会包含鼠标的位置信息。 而键盘触发的会包含与按下的键有关信息。所有浏览器都支持event,但支持方式不同。DOM中的  兼容dom的浏览会将一个event传递到处理程序中。 document.body.onclick发生在的冒泡阶段。IE中的  在IE中方式event可以通过多种方式,取决于指定处理程序的方法。 但是如果通过attachEvent添加,则处理程序会传递一个event。  IE的event同样包含创建它的相关属性和方法,与DOM一样,也会因为类型的不同而不同。   虽然DOM与IE的event不同,但是可以通过js库,来解决浏览器的兼容性。

    31460

    JavaScript的委托

    包含相关的信息,如鼠标、时间、触发的DOM等 js默认将封装好,并自动的以参数的形式,传递给处理函数的第1个参数,如下:document.getElementsByTagName (div).onclick = function(e){  e = window.event || e; 兼容IE低版本(绑定在window的event上)  console.log(e);这里 e就是} 的属性和方法type:获取类型(click、mouseover等等)target:获取发生的所在元素(在低版本IE下用srcElement属性)stopPropagation( ) 阻止冒泡(IE用cancelBubble属性为false阻止冒泡)preventDefault() 阻止默认行为(IE用returnValue属性为false阻止默认行为)委托利用target 属性,获取时间发生的所在,避免全体子元素加比如下: var tbs=document.getElementsByTagName(td); for(var i=0;i

    40050

    jQuery (、拷贝)

    1. jQuery jQuery DOM中的 event 进行了封装,兼容性更好,获取更方便,使用变化不大。被触发,就会有的产生。 event) { console.log(event); console.log(点击了div); event.stopPropagation(); }) }) 注意:jQuery中的 event 使用 2. jQuery 拷贝 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。 语法语法:s.extend (,target, object1, ) 1. deep:如果设为true为深拷贝,默认为false 浅拷贝2. target:要拷贝的目标3. object1:待拷贝到第一个 4. objectN:待拷贝到第N个。5.浅拷贝目标引用的被拷贝的地址,修改目标会影响被拷贝。6.深拷贝,前面加true,完全克隆,修改目标不会影响被拷贝

    13730

    document、body

    onload页面加载完毕时触发,浏览器是一边下载文档,一边解释执行,可能会出现javascript执行时需要某个还没有加载的元素,如果这样需要把操作的代码放到onload中,或者把javascipt 放到元素之后onunload:网页关闭(或者离开)后触发onbeforeunload:在网页准备关闭或者离开的时候触发window代表当前浏览器(使用window的时候可以省略window)

    14040

    第53天:鼠标、event

    -->鼠标-->event-->默认-->键盘(keyCode)-->拖拽效果一、鼠标onclick ---------------鼠标点击oncontextmenu---- b);67 }68 onmousemove -----鼠标移动69 con.onmousemove=function(){70 c++;71 console.log(c);72 }73 二、event event只在发生的过程中才有效用途:需要获取和相关的信息时使用如:获取键盘按下或弹起的按键获取鼠标的位置坐标获取名称获取生成的日期时间等等......event中包含了所有与相关的信息所有浏览器都支持 event,只是支持的方式不一样FireFox、Chrome等浏览器要获取到event,需要从函数中传入,参数名随意而IE在浏览器中event作为window的一个属性存在,可以直接使用 event 7 ev.returnValue=false;IE阻止默认 8 }; 9 }10 *获取键盘键码的兼容写法*11 document.onkeydown=function (ev){12 var

    34320

    JavaScript处理程序

    一、:在DOM触发时,会产生一个event,这个包含着所有与相关的信息。 既然event是,那么它必然存在属性  ①DOM中的event属性   (1)、type属性用于获取类型   (2)、target、srcElement属性用于获取目标   (3 )、stopPropagation()方法 用于阻止冒泡   (4)、preventDefault() 方法 阻止的默认行为二、DOM2级处理程序  (1)、addEventListener () 用于处理指定处理程序操作  (2)、removeEventListener() 用于处理删除处理程序操作三、IE处理程序  (1)、attachEvent() 用于处理指定处理程序操作  (2)、detachEvent() 用于处理移除处理程序操作

    17630

    jQuery ,拷贝,多库共存

    1. jQuery jQuery DOM中的 event 进行了封装,兼容性更好,获取更方便,使用变化不大。被触发,就会有的产生。语法? console.log(点击了div);                event.stopPropagation();           })       })     注意:jQuery中的 event 使用 2. jQuery 拷贝 jQuery中分别为我们提供了两套快速获取和设置元素尺寸和位置的API,方便易用,内容如下。语法? name: andy,                msg: {                    age: 18               }           };     1.浅拷贝把原来里面的复杂数据类型地址拷贝给目标             targetobj .msg.age = 20; console.log(target0bj); console.1og(obj);     2.深拷贝把里面的数据完全复制一份给目标如果里面有不冲突的属性

    11331

    第43天:event

    一、:onmouseover、 onmouseout、 onclickevent 兼容写法:var event = event || window.event;event常见属性, 如下表: 属性 作用 data 返回拖拽的URL字符串(dragDrop) width 该窗口或框架的高度 height 该窗口或框架的高度 pageX 光标相于该网页的水平位置(ie无) pageY 光标相于该网页的垂直位置(ie无) screenX 光标相于该屏幕的水平位置 screenY 光标相于该屏幕的垂直位置 target 该被传送到的 type 的类型 clientX 光标相于该网页的水平位置 (当前可见区域) clientY 光标相于该网页的水平位置 二、pageX、 clientX、 screenX的区别1、screenX 、screenY 以电脑屏幕为基准2 、pageX 、pageY 以文档(绝定位)为基准 IE6、7、8不认识3、clientX、   clientY 以可视区域为基准三、其他div.onmouseover 和div.onmousemove

    19410

    兼容处理

    event在IE下是window的一个属性window.event,而在其他浏览器下,是作为的参数div.onclick = function(e){ 兼容 var e = window.event || e; 执行的目标元素的兼容 var target = e.srcElement || e.target; return target}

    21730

    前端基础-

    第4章 4.1 概述的触发,大部分情况下是用户的一种行为,也就是说,我们并不能确定用户什么时间触发;而且,由于的传播机制,我们甚至不能确定具体触发在哪个节点;这是一很不爽的情;如何解决呢 发生以后,系统会调用我们写好的处理程序系统会在调用处理程序时,将发生时有关的一切信息,封装成一个,作为参数传给监听函数(处理程序),我们把这个称为 。 有关发生的一切信息,都包含在这个中;根据类型的不同,中包含的信息也有所不同; 如点击中,包含鼠标点击的横纵坐标位置,键盘中,包含键盘的键值等; pppp var d = 4.2 中的常用属性及方法4.2.1属性event.bubbles:属性返回一个布尔值,表示当前是否会冒泡; event.eventPhase:返回一个整数值,表示流在传播阶段的位置 0 event.target:起源目标的引用,属性返回触发的那个节点。

    15410

    一文解读JavaScript和表单

    1.(Event)1).常量bubbles 是否是起泡类型 cancelable 是否可确定可取消的默认动作currentTarget 监听器触发该的元素 eventPhase 传播的当前阶段 target 触发此的元素(的目标节点),srcElement(IE)timeStamp 生成的日期和时间type 当前Event表示的的名称 initEvent 设置或获取的返回值fromElement 在IE中用于mouseover和mouseout ,可以引用移出鼠标的元素。 toElement 在IE中用于mouseover和mouseout ,该属性引用移入鼠标的元素。 returnValue 设置或获取的返回值keyCode(IE) 键盘码 which() charCodeoffsetX,offsetY 在源元素的中的x坐标和y坐标。

    8720

    js相关随记

    = function () { alert(你好); }; 3. 一.当触发某个时,会产生一个,这个包含着所有与有关的信息。 在非IE浏览器下,作为的参数,在IE下是window.event实现跨浏览器兼容获取event input.onclick = function (evt) { var e = evt || window.event; alert(e); };二.的作用 1. ,这就是为什么性能优化的主要思想之一就是减少DOM操作的原因;如果要用委托,就会将所有的操作放到js程序里面,与dom的操作就只需要交互一次,这样就能大大的减少与dom的交互次数,提高性能; 每个函数都是一个 ,是就会占用内存,越多,内存占用率就越大,自然性能就越差了,比如上面的100个li,就要占用100个内存空间,如果是1000个,10000个呢,那只能说呵呵了,如果用委托,那么我们就可以只它的父级

    30830

    「移动端」touch,touchEvent

    touchcancel - 触摸过程中被系统取消时触发 (很少使用)touch 与mouse区别:touchstart:手指按下,mousedown:鼠标按下。 event ,提供了手指触摸过程中的常见属性。 打印函数返回的 event ,发现有很多参数,如图:1.2、touchEvent 属性targetTouches - 当前元素目标上 touch 列表。 很多情况下,触摸跟鼠标会同时触发,目的是为了在pc端运行的时候,没有触摸设备可以使用鼠标代替。 如果可以支持触摸,则把鼠标使用event.preventDefault()阻止发生,此时鼠标将失效。如果鼠标和触摸都支持时,还有添加多个触摸时,具体的执行顺序是怎么的?

    12130

    「移动端」touch,touchEvent

    touchcancel - 触摸过程中被系统取消时触发 (很少使用)touch 与mouse区别:touchstart:手指按下,mousedown:鼠标按下。 event ,提供了手指触摸过程中的常见属性。 打印函数返回的 event ,发现有很多参数,如图:1.2、touchEvent 属性targetTouches - 当前元素目标上 touch 列表。 很多情况下,触摸跟鼠标会同时触发,目的是为了在pc端运行的时候,没有触摸设备可以使用鼠标代替。 如果可以支持触摸,则把鼠标使用event.preventDefault()阻止发生,此时鼠标将失效。如果鼠标和触摸都支持时,还有添加多个触摸时,具体的执行顺序是怎么的?

    12220

    相关产品

    • 智能编辑

      智能编辑

      腾讯云视频AI智能编辑提供无需人工,即可快速生成智能集锦(类型包括王者荣耀、英雄联盟、足球、篮球、花样滑冰等集锦)的服务,并且支持新闻拆条、广告拆条、人脸拆条服务,同时可生成视频的分类标签、视频标签,辅助视频推荐,AI识别片头片尾大大提升了短视频内容制作的便捷性,为短视频生产和智能融媒体编辑记者提升工作效率。

    相关资讯

    热门标签

    扫码关注云+社区

    领取腾讯云代金券