精华内容
下载资源
问答
  • js中获取触发事件对象的标签名称

    千次阅读 2015-07-25 21:25:08
    /**  * 获取当前触发事件对象的标签名称 ...//判断浏览器,IE需调srcElement来获取触发事件的对象 var target = $.browser.msie ? event.srcElement : event.target; if(target){ //获取名称


    /**

     * 获取当前触发事件对象的标签名称
     * @param event
     */
    function getTargetName(event){

    //判断浏览器,IE需调srcElement来获取触发事件的对象

    var target = $.browser.msie ? event.srcElement : event.target;

    if(target){

    //获取名称并转成大写

    return target.tagName.toUpperCase();
    }

    return null;
    }
    展开全文
  • JS 事件名称事件对象

    千次阅读 2018-03-18 21:40:18
    鼠标事件 一般会加给 div 键盘事件一般会加给document 输入框 提交与 事件重置 则是加给整个form表单 用 类名获取 redDiv 鼠标事件 redDiv.onmousemove = function(){ console.log("鼠标移动时候触发&...
    鼠标事件 一般会加给 div
    
    键盘事件一般会加给document 输入框
    
    提交与 事件重置 则是加给整个form表单
    
    用 类名获取 redDiv
    
    鼠标事件 redDiv.onmousemove = function(){ console.log("鼠标移动的时候触发") } //鼠标移动的时候触发
    
    redDiv.onclik = function(){ console.log("单机事件"); }//单机事件
    
    redDiv.ondblclick = function(){ console.log("双击事件"); } //双击事件
    
    redDiv.onmousedown = function(){ console.log("鼠标按下事件"); }//鼠标按下事件
    
    redDiv.onmouseup = function(){ console.log("鼠标抬起事件"); }//鼠标抬起事件
    
    redDiv.oncontextmenu = function(){ console.log("鼠标右击事件"); }
    
    他们都可以添加返回值 当返回值等于false 他们所触发的事件都不会出现.
    
    over 和 out会在鼠标从redDiv 的父级移动到子集的时候触发 , 先触发out , 在触发over
    
    redDiv.onmouseover = function(){ console.log("over鼠标移入"); }
    
    redDiv.onmouserout = function(){ console.log("out鼠标移出") }
    
    leave 和 enter 从 redDiv (父级) 移动到 blueDiv (子集) 的时候不会触发
    
    redDiv.onmouseenter = function(){ console.log("enter鼠标移入") }
    
    redDiv.onmouseleave = function(){ console.log("leave鼠标移除") }
    
    //只有鼠标离开i/ 移入整个redDiv的时候才会被触发.
    
    键盘事件
    redDiv.onkeydown = function(){ console.log("down键盘按下") }//按下任意键触发
    
    docunment.onkeypress = function(){ console.log(press键盘按下) }//按下任意键触发
    
    press 区分大小写, 但不支持特殊键
    
    down 不区分大小写 但支持特殊按键
    
    document.onkeyup = function(){ //松开键时触发 console.log("键盘拾起事件"); }
    
    //表单事件
    
    //获取事件名称
    
    var uName = document.getElimentById("uName");
    
    uName.oninput = function(){ console.log("input内容发生改变后触发") }
    
    uName.onchange = function(){ console.log("change内容发生改变后出发"); } 在text文本框中 , 移入一个英语单词,每当输入一个字母时,就会触发oninput事件
    
    //当输入完毕后, 离开文本框时,会触发onchange事件
    
    uName.onfocus = function(){ //点击text文本框时触发 console.log("聚焦") }
    
    uName.onblur = function(){ console.log("失焦"); }
    
    //给form 表单绑定事件
    
    reg.onsubmit = function(){ console.log("提交") //return false 没有的时候提交按钮会刷新页面
    
    //return false
    有的时候提交按钮不会刷新页面
    }
    
    reg.onreset = function(){ console.log("重置") //没有return false的时候,可以重置text框体内容 //有return false的时候 重置将会失败
    
    }
    
    //窗体事件 window事件 window.onresize = function(){ console.log("窗口尺寸发生变化的时候触发"); }
    
    window.onscroll = function(){ // 触发这个窗口事件 //有前提 前提,前提是要有滚动条 console.log("窗口内容滚动的时候触发") }
    
    //窗口加载完毕后 会触发这个方法 window.onload = function(){ consol.log("窗口加载完毕后触发"); }
    
    //为什么JS事件函数里面都有一个参数(ev)?
    
    因为 ev 是事件的参数 , 在ev 里面包含了事件 触发时的参数 , 比如click 事件中的 ev中 包含着 e.pageX , e.pageY,keyDown事件中 包含着 ev.keyCode等,在ie中,ev是全局的,可以通过window.event来获取,在其他浏览器中都是作为参数传入的.
    
    所以好多事件函数都这样写 mydiv.onclick = function(ev){ if(!ev){ ev = window.event;//这句话也可以简写成:ev = window.event||ev; } } 上面这样写可以兼容各个浏览器
    
    展开全文
  • DOM事件对象

    2020-12-01 23:06:10
    Event事件对象是事件处理函数的参数,而参数是允许自定义的,所以Event事件对象的名称是可以自定义的。 Event事件对象中包含了该事件的信息以及该事件绑定在哪个元素上。 Event事件对象是所有事件对象的父级 ...

    Hello~ 在这里插入图片描述

    下面是对DOM事件对象的整理,希望可以帮助到有需要的小伙伴

    当事件被触发的时候会创建Event事件对象并依次传递给事件监听器。event就是事件对象
    Event事件对象是事件处理函数的参数,而参数是允许自定义的,所以Event事件对象是的名称是可以自定义的。
    Event事件对象中包含了该事件的信息以及该事件绑定在哪个元素上。
    Event事件对象是所有事件对象的父级

    • MouseEvent事件对象 - 鼠标事件
    • KeyboardEvent事件对象 - 键盘事件
    • TouchEvent事件对象 - 触摸事件
      语法格式:
    element.addEventListener(eventName,function(event){
        
    },capture)
    

    eventName:给元素指定具体的事件名称(例如单击事件是click等)
    functionName:注册事件的句柄
    capture:设置事件是捕获阶段还是冒泡阶段。false是默认值,表示冒泡阶段
    实例:

    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>事件对象</title>
        <style>
            #btn {
                width: 300px;
                height: 90px;
                background-color: aquamarine;
                color: coral;
                font-size: 35px;
            }
        </style>
    </head>
    
    <body>
        <button id="btn">点我有惊喜哦~</button>
    
        <script>
            var btn = document.getElementById("btn");
    
            // 事件的处理函数中接受一个事件对象参数event
    
            btn.addEventListener('click', function (event) {
                alert("Hello~ 每天都要微笑哦~");
            })
        </script>
    </body>
    
    </html>
    
    展开全文
  • 事件对象

    2012-10-30 13:50:00
    下面是jQuery事件对象可以在扩浏览器支持属性: 属性名称 描述 举例 type 事件类型.如果使用一个事件处理函数来处理多个事件, 可以使用此属性获得事件类型,比如click. $("a").click(f...

    下面是jQuery事件对象可以在扩浏览器支持的属性:

    属性名称 描述 举例
    type
    事件类型.如果使用一个事件处理函数来处理多个事件, 可以使用此属性获得事件类型,比如click.
    $("a").click(function(event) {
      alert(event.type);
    });
    target
    获取事件触发者DOM对象
    $("a[href=http://google.com]").click(function(event) {
      alert(event.target.href);
    });
    data
    事件调用时传入额外参数.
    $("a").each(function(i) {
      $(this).bind('click', {index:i}, function(e){
         alert('my index is ' + e.data.index);
      });
    });
    relatedTarget
    对于鼠标事件, 标示触发事件时离开或者进入的DOM元素
    $("a").mouseout(function(event) {
      alert(event.relatedTarget);
    });
    currentTarget
    冒泡前的当前触发事件的DOM对象, 等同于this.
    $("p").click(function(event) {
      alert( event.currentTarget.nodeName );
    });

    结果:P
    pageX/Y
    鼠标事件中, 事件相对于页面原点的水平/垂直坐标.
    $("a").click(function(event) {
      alert("Current mouse position: " + event.pageX + ", " + event.pageY );
    });
    result
    上一个事件处理函数返回的值
    $("p").click(function(event) {
      return "hey"
    });
    $("p").click(function(event) {
      alert( event.result );
    });

    结果:"hey"
    timeStamp
    事件发生时的时间戳.
    var last;
    $("p").click(function(event) {
       if( last )
          alert( "time since last event " + event.timeStamp - last );
       last = event.timeStamp;
    });

    上面是jQuery官方文档中提供的event对象的属性. 在"jQuery实战"一书中还提供了下面的多浏览器支持的属性, 时间关系我没有尝试每一个属性, 大家可以帮忙验证是否在所有浏览器下可用:

    属性名称 描述 举例
    altKey Alt键是否被按下. 按下返回true  
    ctrlKey ctrl键是否被按下, 按下返回true  
    metaKey Meta键是否被按下, 按下返回true. 
    meta键就是PC机器的Ctrl键,或者Mac机器上面的Command键
     
    shiftKey Shift键是否被按下, 按下返回true  
    keyCode 对于keyup和keydown事件返回被按下的键. 不区分大小写, a和A都返回65. 

    对于keypress事件请使用which属性, 因为which属性跨浏览时依然可靠.
     
    which 对于键盘事件, 返回触发事件的键的数字编码. 对于鼠标事件, 返回鼠标按键号(1左,2中,3右).  
    screenX/Y 对于鼠标事件, 获取事件相对于屏幕原点的水平/垂直坐标  

     

    事件对象除了拥有属性, 还拥有事件. 有一些是一定会用到的事件比如取消冒泡 stopPropagation() 等.下面是jQuery事件对象的函数列表:

    名称 说明 举例
    preventDefault()
    取消可能引起任何语意操作的事件. 比如<a>元素的href链接加载, 表单提交以及click引起复选框的状态切换.
    $("a").click(function(event){
      event.preventDefault();
      // do something
    });
    isDefaultPrevented()
    是否调用过
    preventDefault()
    方法
    $("a").click(function(event){
      alert( event.isDefaultPrevented() );
      event.preventDefault();
      alert( event.isDefaultPrevented() );
    });
    stopPropagation()
    取消事件冒泡
    $("p").click(function(event){
      event.stopPropagation();
      // do something
    });
    isPropagationStopped()
    是否调用过
    stopPropagation()
    方法
    $("p").click(function(event){
      alert( event.isPropagationStopped() );
      event.stopPropagation();
      alert( event.isPropagationStopped() );
    });
    stopImmediatePropagation()
    取消执行其他的事件处理函数并取消事件冒泡. 

    如果同一个事件绑定了多个事件处理函数, 在其中一个事件处理函数中调用此方法后将不会继续调用其他的事件处理函数.
    $("p").click(function(event){
      event.stopImmediatePropagation();
    });
    $("p").click(function(event){
      // This function won't be executed
    });
    isImmediatePropagationStopped()
    是否调用过
    stopImmediatePropagation()
    方法
    $("p").click(function(event){
      alert( event.isImmediatePropagationStopped() );
      event.stopImmediatePropagation();
      alert( event.isImmediatePropagationStopped() );
    });


    这些函数中  stopPropagation()  是我们最长用的也是一定会用到的函数. 相当于操作原始event对象的event.cancelBubble=true来取消冒泡.

    posted on 2012-10-30 13:50 木子小黑 阅读(...) 评论(...) 编辑 收藏

    转载于:https://www.cnblogs.com/lidl/archive/2012/10/30/2746206.html

    展开全文
  • Application对象的事件

    2019-08-08 15:31:09
    名称 说明 Activated 当应用程序成为前台应用程序时发生。 Deactivated 当应用程序停止作为前台应用程序时发生。 DispatcherUnhandledException ...
  • XHR对象的进度事件

    2019-02-09 01:39:00
    首先要明确的是对事件的监听方法是在 on + 事件名,比如load事件,load事件的监听方法就是onload,也可以使用addEventListener方法,这个方法的参数就是事件名称('load') 言归正传,Progress Events规范是W3C的一...
  • 事件对象和target事件属性

    千次阅读 2018-07-09 16:34:23
    当我们触发一个事件时,便会产生一个事件对象,这个对象中包含着这个事件的相关信息,包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时,浏览器通过函数传递过来的。input....
  • 该方法是在JavaScript标记中指定特定的对象,以及该对象要执行的事件名称,并在和标记中编写事件处理程序代码。 语法: … //事件处理程序代码 …   二 应用 用和标记来完成页面加载和关闭时显示...
  • React事件处理 1.事件绑定 ...4.类组件与函数组件绑定事件是差不多,只是在类组件中绑定事件函数时候需要用到this,代表指向当前引用,在函数中不需要调用this class App extends React...
  • 对象 属性 事件 方法

    2019-09-23 23:35:59
    属性:每个属性都有一个名称和一个值,这些 一对一对的名称/值组合会告诉你某种对象的每个实例的某些事情 事件事件就是计算机用来说"嘿,XX事情发生了"; 程序员可以在一种特定的事件发生时选择响应那些事件,...
  • 跨进程的事件对象的访问

    千次阅读 2012-01-17 09:39:15
    今天看别人代码,注意到在操作事件对象时如下: sprintf(cTemp,"Global\\EVENT_%s",...注意到了没有,事件对象名称前面加了个Global,开始以为这个Global是任意加,可以随便改成其他字符,后来经过查阅msdn和googl
  • type:获取事件的类型,返回值为事件类型的名称 data:存储事件处理函数第二个参数所传递的额外数据 触发事件 触发事件是因为,在很多情况下,开发人员需要在脚本中控制事件出发的机制。 例如,设计一个弹出广告,...
  • JQuery中的事件对象详解

    千次阅读 2012-07-21 11:46:17
    但其不能跨浏览器,故Jquery对其进行了封装,jQuery事件对象将不同浏览器的差异进行了合并, 比如可以在所有浏览器中通过 event.target 属性来获取事件的触发者(在IE中使用原生的事件对象, 需要访问event.srcElement....
  • 事件:就是一种浏览器通知,告诉...事件类型也就是事件名称,以字符串形式存在,用于指定要发生哪种事件。常用的事件类型: 表单:focus、blur、sumbit、change等 鼠标:mouseove、mouseup、mousemove、mousedo...
  • 按键事件对象中就保存了按键的名称,按键的键值,可以获得用户按下的是 哪个按键。 事件对象的捕获: 对于谷歌火狐等浏览器,该事件对象是通过事件处理函数的实参传入的。 直接给事件处理函数添加一个形参即可以捕获...
  • 直接在Textbox图像对象中找到这个对象的KeyPress方法,然后输入触发的事件名称。效率更高,不容易出错。 "void TypeAreaKeyPress(object sender, KeyPressEventArgs e)"这种东西肯定不能用手输,容易出错。
  • 事件源:触发这个事件的标签 事件名称:触发什么事件 事件处理程序:事件触发时的代码块 事件流:事件流分为3个阶段 1、捕获阶段:事件在找目标元素的一个过程 2、目标阶段:找到目标元素,执行他的代码块 3、冒泡...
  • 大家都知道,在使用JavaScript可以很方便使用addEventListener函数给DOM对象快速绑定一个或多个事件侦听器。 我们又如何在JavaScript自定义对象中使用此方法并触发事件呢?这就是本章节核心内容了。 ...
  • 事件处理程序:浏览器相应相关事件的函数,其名称一般以‘on’+事件名。首先讲一下事件流。事件流在早期的时候首先是由IE和Netscape communicator团队提出。而两者提出的概念差不多是相反的。IE提出的事件流是事件...
  • Node对象 Insert title here 我是span区域 北京 上海 广州 小时代1 小时代2 小时代3 ...大写标签名称 属性名称#text nodeType 1 2 3 nodeVa
  • 使用javascript实现全选和全不选onclick()点击事件和getElementsByName()返回带有指定name名称的对象集合函数 技术分析 确定事件onclick()点击事件。 还有就是document.getElementsByName()方法,根据name名称获取...
  • JS事件参数对象event

    2020-07-15 11:11:43
    事件对象的名称,一般用event,但这不是必须的,可以使用任何合法的变量名。 IE浏览器的事件对象模型跟其他浏览器是不一样的。它需要使用window.event,而且不需要在事件处理函数中声明event参数。 鼠标触发事件:...
  • js事件名称

    2021-02-25 11:25:55
    当鼠标移动到某对象范围上方时触发的事件 onMouseMove 鼠标移动时触发的事件 onMouseOut 当鼠标离开某对象范围时触发的事件 onKeyPress 当键盘上某个键被按下并且释放时触发的事件.[注意:页面
  • 11.event事件对象

    2019-09-26 07:45:02
    event概念及作用 事件通常与函数结合使用,函数不会在事件发生前被执行 event事件对象只在事件发生的过程中才有效 event对象中包含了所有与事件相关的信息(私有的、共有...获取事件的类型 等等...... ...
  • 与该概念替代实现不同,EventHandler在默认情况下是严格,它会强制开发人员显式声明/绑定/取消绑定对象支持所有事件。 使用它可以向您类添加事件调度机制,并避免积累技术部门和潜在错误。 从存储库中...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 2,393
精华内容 957
关键字:

对象事件的名称