event_eventbus - CSDN
精华内容
参与话题
  • 常见的event事件

    千次阅读 2017-10-17 18:41:42
    Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态 什么时候会产生Event 对象呢?  例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该...

    Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态

    什么时候会产生Event 对象呢? 

    • 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象.

    关于event对象

    • 在触发的事件的函数里面我们会接收到一个event对象,通过该对象我们需要的一些参数,比如说我们需要知道此事件作用到谁身上了,就可以通过event的属性target来获取到(IE暂且不谈),或者想阻止浏览器的默认行为可以通过方法preventDefault()来进行阻止.以下是event对象的一些属性和方法
    属性 描述
    altKey 返回当事件被触发时,”ALT” 是否被按下。
    button 返回当事件被触发时,哪个鼠标按钮被点击。
    clientX 返回当事件被触发时,鼠标指针的水平坐标。
    clientY 返回当事件被触发时,鼠标指针的垂直坐标。
    ctrlKey 返回当事件被触发时,”CTRL” 键是否被按下。
    metaKey 返回当事件被触发时,”meta” 键是否被按下。
    relatedTarget 返回与事件的目标节点相关的节点。
    screenX 返回当某个事件被触发时,鼠标指针的水平坐标。
    screenY 返回当某个事件被触发时,鼠标指针的垂直坐标。
    shiftKey 返回当事件被触发时,”SHIFT” 键是否被按下。
    • IE 属性(除了上面的鼠标/事件属性,IE 浏览器还支持下面的属性)
    属性 描述
    cancelBubble 如果事件句柄想阻止事件传播到包容对象,必须把该属性设为 true。
    fromElement 对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素。
    keyCode 对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup
    offsetX,offsetY 发生事件的地点在事件源元素的坐标系统中的 x 坐标和 y 坐标。
    returnValue 如果设置了该属性,它的值比事件句柄的返回值优先级高。把这个属性设置为
    srcElement 对于生成事件的 Window 对象、Document 对象或 Element 对象的引用。
    toElement 对于 mouseover 和 mouseout 事件,该属性引用移入鼠标的元素。
    x,y 事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素。
    • 标准 Event 属性 下面列出了 2 级 DOM 事件标准定义的属性。
    属性和方法 描述
    bubbles 返回布尔值,指示事件是否是起泡事件类型。
    cancelable 返回布尔值,指示事件是否可拥可取消的默认动作。
    currentTarget 返回其事件监听器触发该事件的元素。
    eventPhase 返回事件传播的当前阶段。
    target 返回触发此事件的元素(事件的目标节点)。
    timeStamp 返回事件生成的日期和时间。
    type 返回当前 Event 对象表示的事件的名称。
    initEvent() 初始化新创建的 Event 对象的属性。
    preventDefault() 通知浏览器不要执行与事件关联的默认动作。
    stopPropagation() 不再派发事件。

    4. Event对象的一些兼容性写法

    • 获得event对象兼容性写法 
      event || (event = window.event);
    • 获得target兼容型写法 
      event.target||event.srcElement
    • 阻止浏览器默认行为兼容性写法 
      event.preventDefault ? event.preventDefault() : (event.returnValue = false);
    • 阻止冒泡写法 
      event.stopPropagation ? event.stopPropagation() : (event.cancelBubble = true);
    • 注册和删除事件方法的形式

    展开全文
  • js中的event详解

    千次阅读 2017-01-07 18:11:45
    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。 event对象只在事件发生的过程中才有效。 event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 ...
    event代表事件的状态,例如触发event对象的元素、鼠标的位置及状态、按下的键等等。
    event对象只在事件发生的过程中才有效。

    event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。

    event中的一些经常用到的属性:
    altKey, button, cancelBubble, clientX, clientY, ctrlKey, fromElement, keyCode, offsetX, offsetY, propertyName, returnValue, screenX, pageX,pageY
    screenY, shiftKey, srcElement, srcFilter, toElement, type, x, y,returnValue

    1.altKey
    描述:
    检查alt键的状态。

    语法:
    event.altKey

    可能的值:
    当alt键按下时,值为 TRUE ,否则为 FALSE 。只读。

    2.button
    描述:
    检查按下的鼠标键。

    语法:
    event.button 可能的值:
    0 没按键
    1 按左键
    2 按右键
    3 按左右键
    4 按中间键
    5 按左键和中间键
    6 按右键和中间键
    7 按所有的键
    这个属性仅用于onmousedown, onmouseup, 和 onmousemove 事件。对其他事件,不管鼠标状态如何,都返回 0(比如onclick)。

    3.cancelBubble
    描述:
    检测是否接受上层元素的事件的控制。

    语法:
    event.cancelBubble[ = cancelBubble]

    可能的值:这是一个可读写的布尔值:TRUE 不被上层原素的事件控制。FALSE 允许被上层元素的事件控制。这是默认值。

    4.clientX
    描述:
    返回鼠标在窗口客户区域中的X坐标。

    语法:
    event.clientX

    注释:
    这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。


    5.clientY
    描述:
    返回鼠标在窗口客户区域中的Y坐标。
    语法:
    event.clientY
    注释:
    这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。


    6.ctrlKey
    描述:
    检查ctrl键的状态。

    语法:
    event.ctrlKey

    可能的值:
    当ctrl键按下时,值为 TRUE ,否则为 FALSE 。只读。


    7.fromElement
    描述:
    检测 onmouseover 和 onmouseout 事件发生时,鼠标所离开的元素。 参考:18.toElement
    语法:
    event.fromElement
    注释:
    这是个只读属性。


    8.keyCode
    描述:
    检测键盘事件相对应的内码。
    这个属性用于 onkeydown, onkeyup, 和 onkeypress 事件。
    语法:
    event.keyCode[ = keyCode]
    可能的值:
    这是个可读写的值,可以是任何一个Unicode键盘内码。如果没有引发键盘事件,则该值为 0 。




    9.offsetX
    描述:
    检查相对于触发事件的对象,鼠标位置的水平坐标
    语法:
    event.offsetX

    10.offsetY
    描述:
    检查相对于触发事件的对象,鼠标位置的垂直坐标

    语法:
    event.offsetY


    11.propertyName
    描述:
    设置或返回元素的变化了的属性的名称。


    语法:
    event.propertyName [ = sProperty ]


    可能的值:
    sProperty 是一个字符串,指定或返回触发事件的元素在事件中变化了的属性的名称。
    这个属性是可读写的。无默认值。


    注释:
    你可以通过使用 onpropertychange 事件,得到 propertyName 的值。


    例子:
    下面的例子通过使用 onpropertychange 事件,弹出一个对话框,显示 propertyName 的值。


    code

    The event object property propertyName is
    used here to return which property has been
    altered.


    VALUE="Click to change the VALUE property of this button"
    onpropertychange='alert(event.propertyName+" property has changed value")'>


    οnclick="changeCSSProp()"
    VALUE="Click to change the CSS backgroundColor property of this button"
    onpropertychange='alert(event.propertyName+" property has changed value")'>


    12.returnValue
    描述:
    设置或检查从事件中返回的值


    语法:
    event.returnValue[ = Boolean]


    可能的值:
    true 事件中的值被返回
    false 源对象上事件的默认操作被取消

    13.screenX
    描述:
    检测鼠标相对于用户屏幕的水平位置


    语法:
    event.screenX



    注释:
    这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。




    14.screenY
    描述:
    检测鼠标相对于用户屏幕的垂直位置


    语法:
    event.screenY


    注释:
    这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。




    15.shiftKey
    描述:
    检查shift键的状态。


    语法:
    event.shiftKey


    可能的值:
    当shift键按下时,值为 TRUE ,否则为 FALSE 。只读。




    16.srcElement
    描述:
    返回触发事件的元素。


    语法:
    event.srcElement




    17.srcFilter
    描述:
    返回触发 onfilterchange 事件的滤镜。只读。


    语法:
    event.srcFilter




    18.toElement
    描述:
    检测 onmouseover 和 onmouseout 事件发生时,鼠标所进入的元素。 参考:7.fromElement


    语法:
    event.toElement


    注释:
    这是个只读属性。



    19.type
    描述:
    返回事件名。


    语法:
    event.type


    注释:
    返回没有“on”作为前缀的事件名,比如,onclick事件返回的type是click
    只读。




    20. x
    描述:
    返回鼠标相对于css属性中有position属性的上级元素的x轴坐标。如果没有css属性中有position属性的上级元素,默认以BODY元素作为参考对象。


    语法:
    event.x


    注释:
    如果事件触发后,鼠标移出窗口外,则返回的值为 -1
    这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置。




    21. y
    描述:
    返回鼠标相对于css属性中有position属性的上级元素的y轴坐标。如果没有css属性中有position属性的上级元素,默认以BODY元素作为参考对象。


    语法:
    event.y


    注释:
    如果事件触发后,鼠标移出窗口外,则返回的值为 -1
    这是个只读属性。这意味着,你只能通过它来得到鼠标的当前位置,却不能用它来更改鼠标的位置

    22. target:target 事件属性可返回事件的目标节点(触发该事件的节点),如生成事件的元素、文档或窗口。

    语法event.target

    23. pageX:event.pageX 属性返回鼠标指针的位置,相对于文档的左边缘。pageY:event.pageY属性返回鼠标指针的位置,相对于文档的顶部边缘。


    展开全文
  • Javascript中事件对象event和e

    千次阅读 2017-12-22 12:32:33
    低版本IE浏览器中:事件对象通过window对象中获取,要取得事件对象,即window.event。 因此兼容写法: //获取事件对象的兼容性写法 getEvent: function(e){ return e ? e : window.event; },

    不同浏览器对JS的事件对象解析不同。

    主流浏览器中:事件对象可以在事件的回调函数中通过参数传入,常规写法是简写为e。

    低版本IE浏览器中:事件对象通过window对象中获取,要取得事件对象,即window.event。

    因此兼容写法:

    //获取事件对象的兼容性写法
     getEvent: function(e){
      return e ? e : window.event;
     },

    展开全文
  • 在vue中普通方法中默认带有event DOM事件如greet方法,如果是内联函数的话如warn方法,只需要在定义方法的地方同时传入**event∗∗即可,这里需要强调的是在iview中,这里用的是select组件,在其‘on−change‘事件...

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    vue中普通方法中默认带有event DOM事件如greet方法,如果是内联函数的话如warn方法,只需要在定义方法的地方同时传入$event即可,这里需要强调的是在iview中,这里用的是select组件,在其on-change事件中如果想要传入自定义的参数,使用直接传参的方式,获取的是传入的参数,那么如何获取到该方法默认的返回值(即不传参数时返回的默认选中值),这里使用 $event传入代表选中的值,如test方法,这里似乎也只要$event可以传入代表选中的值,其他的可能就是普通的参数,至于这个时候想要获取dom事件似乎已经没有了意义,因为这里的select是iview封装的组件。
    当然具体原因呢也在这里自定义的组件,在vue中自定义组件向父组件传参的时候是通过$emit触发事件,父组件通过v-on,监听事件,如果子组件向父组件传参数,那么在监听的事件里通过$event来接受参数。如下图
    在这里插入图片描述
    如果这里写成了方法的方式,该方法默认接受一个参数(也就是子组件传给父组件的值),也是我们调用框架的结构时,里面所说的默认返回值。

    v-on:formChild='change'
    方法里使用
    change(child){conslo.log(child)}
    

    如果你想在子组件传给父组件的值之外添加自定义的值,那么你在方法里就必须把子组件传过来的默认值通过$event注入到方法里。

    v-on:formChild='change($event,"来自子组件")'
    方法里使用
    change(child,msg){conslo.log(child,msg)}
    
    展开全文
  • Event的用法

    2018-01-12 21:45:18
    这篇对Event的用法讲的比较清楚 https://www.cnblogs.com/hoojjack/p/6639128.html 其实所谓的Event控制线程/进程通信,Event中所谓的通信,并不是在流通具体的字符串信息,而是特指流通“状态信息” #-*...
  • EVENT(上)

    2020-10-10 10:15:24
    什么是事件 一个事件由什么东西组成 触发谁的事件:事件源 触发什么事件:事件类型 触发以后做什么:事件处理函数 var oDiv = document.querySelector('div') ...oDiv.onclick = function () {} ...
  • 【vue】$event的理解

    万次阅读 2018-11-08 18:06:53
    2.使用圆括号,必须显式的传入event对象,如果不传入可能最终找到的是全局的window .event <button v-on:click="warn('Form cannot be submitted yet.', $event)">  Submit </...
  • Pygame详解(四):event 模块

    万次阅读 2019-01-11 15:39:06
    pygame.event 用于处理事件与事件队列的 Pygame 模块。 函数 pygame.event.pump() — 让 Pygame 内部自动处理事件 pygame.event.get() — 从队列中获取事件 pygame.event.poll() — 从队列中获取一个事件...
  • event对象(续篇)

    2020-10-20 22:36:46
    event对象的属性 (5)clientX属性用于获取鼠标在浏览器窗口中的X坐标,这是一个只读属性,只能获取鼠标的当前值,不能改变鼠标的位置。 语法格式:[window.]event.clientX (6)clientY属性用于获取鼠标在浏览器...
  • 事件(event):是指点击、按键等操作,在tkinter中,event是一个类,当某个事件发生时,生成一个event对象,不同类型的事件生成具有不同属性的event对象。 事件处理(event handler):是指在捕获到事件后,程序...
  • mysql 服务器启用event_scheduler

    万次阅读 2016-07-01 14:12:26
    首先在sql中查询计划事件的状态:SHOW VARIABLES LIKE 'event_scheduler' 如果返回的是off表示当前是关闭状态,如果是on当前已经开启了计划任务。 在mysql程序的目录下找到my.ini文件,添加一个项:event_...
  • -bash: !": event not found

    万次阅读 2016-04-22 19:32:24
    ”: event not found”。错误原因:使用printf打印“!”号时,感叹号位于单引号之内造成的。将“!”移至单引号之外,即可解决。在shell脚本当中如果出现此问题,加上“\”反转意符号即可解决。
  • Navicat Premium 事件计划已关闭。...The event_scheduler is Off. Events can be processed only when server is started with event_scheduler on第一步、查看事件是否开启SHOW VARIABLES LIK...
  • event_base_loop

    万次阅读 2011-10-10 13:12:03
    int event_base_loop(struct event_base *, int); 等待事件被触发,然后调用它们的回调函数。这是 event_base_dispatch的更灵活版本。默认情况下,这个循环会一直运行,直到没有添加的事件,或者直到调用了...
  • 事件触发器就是用来触发某个元素下的某个事件,IE下fireEvent方法,高级浏览器(chrome,firefox等)有dispatchEvent方法。 一般我们在元素上绑定事件后,是靠用户在这些元素上的鼠标行为来捕获或者触发事件的,...
  • matplotlib事件处理

    万次阅读 2020-03-10 14:54:12
    fig, ax = plt.subplots() ax.plot(np.random.rand(10)) def onclick(event): print('%s click: button=%d, x=%d, y=%d, xdata=%f, ydata=%f' % ('double' if event.dblclick else 'single', event.b...
  • Qt postEvent

    万次阅读 2012-05-08 11:51:51
    关于Qt postEvent 呵呵,转载了这么多别人的关于Event方面的文章,我也来说说两三句吧 前几天一直被这个postEvent给困扰着,所以主要讲解postEvent的个人理解吧,随便稍微提一下其他的实现机制。 ...
  • EventBus:Could not dispatch event: class to subscribing class的解决方法。
  • js函数中传入的event参数

    万次阅读 2017-07-13 14:18:24
    event中包含了事件触发时的参数,比如click事件的event中包含着.e.pageX,e.pageY,keydown事件中包含着ev.keyCode等,在ie中,event是全局的可以通过window.event来获取,在其他浏览器中都是作为参数传入的。...
  • Socket error Event: 32 Error: 10053

    万次阅读 2018-06-13 12:31:25
    近日遇到频繁ssh断开, 开始怀疑系server端问题,然而旁边同事的机器正常,最终查出是IP冲突,虽然win上没提示,换IP立即变好。
1 2 3 4 5 ... 20
收藏数 1,150,094
精华内容 460,037
关键字:

event