精华内容
下载资源
问答
  • event是什么?事件对象

    千次阅读 2019-04-17 09:22:52
    1.event是事件函数对象,内置对象的一种 事件对象包含的几个操作原语:(这里只当了解) CreateEvent() 创建一个事件对象 OpenEvent() 打开一个事件对象 SetEvent() 设置指定的事件对象为有信号状态 ...

    一、什么是event

    1.event是事件函数对象,内置对象的一种
    • 事件对象包含的几个操作原语:(这里只当了解)
    CreateEvent() 创建一个事件对象
    OpenEvent() 打开一个事件对象
    SetEvent() 设置指定的事件对象为有信号状态
    WaitForSingleObject() 等待一个事件 
    WaitForMultipleObjects() 等待多个事件 
    
    WaitForMultipleObjects 函数原型: 
    WaitForMultipleObjects( 
             DWORD nCount, // 等待句柄数 
             CONST HANDLE *lpHandles, //指向句柄数组 
             BOOL bWaitAll, //是否完全等待标志 
             DWORD dwMilliseconds //等待时间 
    )
    
    2.当触发某个事件,都会产生一个事件对象Event
    • 常用场景
    <script type="text/javascript">
            // 获取节点
    	var wrap=document.getElementById('wrap');
          // 可见事件函数里面有e参数,这个e对应的就是event对象,也可以缩写成ev,每个事件函数都有这个e
    	wrap.function(e)
    	{
    		var ev=e || window.event;  //或语法,返回为真的值
    		console.log(ev);
    		// 2.事件对象点击所在的位置
             //clientX和clientY,针对于浏览器视窗而言
    		console.log("clientX:"+ev.clientX+" "+"clientY:"+ev.clientY);
    		//offsetX和offsetY相对于自身而言
    		console.log("offsetX:"+ev.offsetX+" "+"offsetY"+ev.offsetY);
    		//screenX和screenY相对于显示屏
    		console.log("screenX:"+ev.screenX+" "+"screenY:"+ev.screenY);
    		//3.点击所对应的标签
    		console.log(ev.target);
    	}
    </script>
    
    • 事件通常与函数结合使用,函数不会在事件发生前被执行!
    • event对象只在事件发生的过程中才有效。
    • event的某些属性只对特定的事件有意义。比如,fromElement 和 toElement 属性只对 onmouseover 和 onmouseout 事件有意义。

    二、event有什么用

    1.event每个事件函数都有的内置对象,里面储存着事件发生之后的信息
    2.我们可以根据这些信息做很多判断,或者是获取信息来显示
    • event对象属性和方法
    - clientX,clientY:返回当事件被触发时,鼠标指针相对于浏览器窗口可视文档区域的左上角的的水平x坐标和垂直y坐标;
    - screenX,screenY:返回当某个事件被触发时,鼠标指针相对于显示器左上角的水平x坐标和垂直y坐标;
    - offsetX,offsetY/layerX,layerY:事件发生的时候,鼠标相对于源元素左上角的位置;
    - x,y/pageX,pageY:事件发生的位置的 x 坐标和 y 坐标,它们相对于用CSS动态定位的最内层包容元素;
    - altKey,ctrlKey,metaKey,shiftKey:返回当事件被触发时,”ALT”、”TRL”、”meta”、”SHIFT”键 是否被按下;
    - keyCode:返回keydown和keyup事件发生的时候按键的代码,以及keypress 事件的- Unicode字符(firefox2不支持 event.keycode,可以用 event.which替代 );
    - button:返回当onmousedown, onmouseup, 和 onmousemove 事件被触发时,哪个鼠标按钮被点击。对其他事件,不管鼠标状态如何,都返回 0(比如onclick)。整数,1代表左键,2代表右键,4代表中键,如果按下多个键,酒把这些值加起来,所以3就代表左右键同时按下(firefox中 0代表左键,1代表中间键,2代表右键); 
    可能的值: 
    - 0 没按键
    - 1 按左键
    - 2 按右键
    - 3 按左右键
    - 4 按中间键
    - 5 按左键和中间键
    - 6 按右键和中间键
    - 7 按所有的键
    - type:事件的类型,如onlick中的click;
    - srcElement/target:事件源,就是发生事件的元素;
    - relatedTarget:返回与事件的目标节点相关的节点;
    - fromElement,toElement:对于 mouseover 和 mouseout 事件,fromElement 引用移出鼠标的元素,toElement引用移入鼠标的元素;
    - currentTarget:返回其事件监听器触发该事件的元素;
    - timeStamp:返回事件生成的日期和时间;
    - eventPhase:返回事件传播的当前阶段,1表示捕获阶段,2表示处于目标,3表示冒泡阶段;
    - detail:表示的是与事件相关的细节信息
    - bubbles:返回布尔值,指示事件是否是起泡事件类型;
    - cancelable:返回布尔值,表示是否可以取消事件的默认行为;
    - cancelBubble:一个布尔属性,默认是false。把它设置为true的时候,将阻止事件进一步起泡到包容层次的元素;(e.cancelBubble = true; 相当于 e.stopPropagation();)
    - returnValue:一个布尔属性,设置为false的时候可以阻止浏览器执行默认的事件动作;(e.returnValue = false; 相当于 e.preventDefault();)
    - defaultPrevented:表示是否调用了preventDefault()
    - initEvent(eventType,canBubble,cancelable):初始化新创建的 Event 对象的属性;
    - preventDefault(): 通知浏览器不要执行与事件关联的默认动作;
    - stopPropagation():不再派发事件;
    - attachEvent(eventType, fn),detachEvent()/addEventListener(事件类型, 回调函数, 事件机制)
    - removeEventListener:为制定 DOM对象事件类型注册多个事件处理函数的方法,它们有两个参数,第一个是事件类型,第二个是事件处理函数。事件机制分为冒泡和捕获,如果为false表示事件冒泡,为true表示事件捕获。
    - 在attachEvent()事件执行的时候,this关键字指向的是window对象,而不是发生事件的那个元素;
    
    • 突然这么大的信息量,可能不太容易接受,但是这个可以当作工具使用,当想获取到什么信息的时候可以查找对应的来使用

    三、什么情况下使用用event

    1.最常用的当然是阻止事件冒泡了
    • 阻止事件冒泡:结合监听器addEventListener+event的stopPropagation方法
    <script>
        $btn=document.querySelector('#btn');
        // 三个参数 1.事件名称 2.函数(监听器) 3.事件监听阶段-捕获阶段 冒泡阶段
        // $btn.addEventListener('click',clickFun,false);
        // function clickFun(ev) {
        //         console.log(ev);
        //     }
        /*
            添加点击事件,之前前面有on意思是绑定的意思,而现在add就是绑定的意思,所以不需要加on
            false为冒泡,true为捕获
            冒泡从里往外,比如儿子点击事件发生了,父级元素点击也可以发生
            捕获从外往内,
        */
        $btn.addEventListener('click',function(ev){
            // 阻止事件冒泡  stopPropagation()
            ev.stopPropagation();
            alert('点击了btn');
        },false);
    
        $box=document.querySelector('#box');
        $box.addEventListener('click',function(ev){
            alert('点击了box');
        },false);
        // 这里会弹出两次,点击按钮的时候.这种现象就叫事件冒泡    
    </script>
    
    2.小程序应用场景下,使用event来传递参数
    • 小程序事件传参
    html部分
    <view bindtap='setId' data-index="{{index}}">点击</view>
    js部分
    Page({
      data: {
        index:'2'
      },
      // 事件传参,在事件后面设置data-index属性:data-后的自取,在通过event来获取传的参数
      setId(e){
        let index= e.currentTarget.dataset['index'];
        console.log(index);          //  2
      },
    })
    
    • 这里演示的是传的动态参数,实用场景为遍历数组渲染根据点击传递当前点击对象的信息以获取后续详情

    四、小总结

    • event让事件更加丰富,功能更加多样性
    • 使用技巧,根据所需功能百度了解获取所需信息的方法结合项目使用
    • 不同场景下event的用法是不同的,我们需要去涉猎,遇到可以参照别人的来尝试
    展开全文
  • 事件的是鼠标点击,键盘输入等用户...事件发生的对象指事件源。 事件源:发生事件对象,一般某一具体的组件,比如:用户点击某Button,则此Button即为事件源。 侦听器:是一个方法,用以响应事

    事件指的是鼠标点击,键盘输入等用户操作。其本身就是一个对象。

    事件对象:事件发生后,在flex中就称为事件对象,事件对象有针对其的侦听器,事件对象有其属性,比如:target。

    事件发生的对象:指事件源。

    事件源:发生事件的对象,一般指某一具体的组件,比如:用户点击某Button,则此Button即为事件源。

    侦听器:是一个方法,用以响应事件。

    展开全文
  • 【JavaScript】window对象事件

    千次阅读 2015-03-08 12:08:27
    window对象-事件 专用事件: onload事件:我们需要在网页文档下载完毕时执行 的程序代码,需要放在onload事件处理程序中去编写。 onunload事件:在网页文档卸载完毕后,需要在网页 关闭时执行的程序代码,需要放在...
    window对象-事件
    专用事件:
    onload事件:我们需要在网页文档下载完毕时执行
    的程序代码,需要放在onload事件处理程序中去编写。

    onunload事件:在网页文档卸载完毕后,需要在网页
    关闭时执行的程序代码,需要放在onunload事件处理
    程序中去编写。

    onbeforeunload事件:对于浏览器准备卸载网页文件
    时的事件,也就是onbeforeunload事件是发生在卸载
    网页文件之前的事件,给用户提供一个取消的机会。

    样例:
    <body οnlοad="alert('欢迎')" οnunlοad="alert('再见!')" 
    οnbefοreunlοad="window.event.returnValue='请小心'">
    </body>
    效果:打开网页,弹出一个“欢迎”的对话框,点击右上角
    的叉叉,弹出是否关闭网页的对话框,选择“确定”,网页
    关闭,弹出一个“再见”的对话框。

    测试javascript语句的执行顺序:
    <script>
       alert("ok");
    </script>
    <body οnlοad="alert('欢迎')" οnunlοad="alert('再见!')" 
    οnbefοreunlοad="window.event.returnValue='请小心'">
    Hello
    <script>
       alert("ok2");
    </script>
    </body>
    <script>
       alert("ok3");
    </script>
    这个例子说明了,解析器是一边读文档,一边解析里面的内容。
    而onload事件发生在浏览器将程序装载完才发生的事件。
    如果网页文档非常大,装载的时间非常长,为了缓解用户等待的
    焦急心情,可以在开始放一个script语句块,显示"正在下载",
    然后在中间的script语句块中放一个定时器,显示下载进度。
    在最后显示装在完毕的信息。

    通用事件:
    onclick事件:它是当用户点击某个Html元素时产生的事件。我们在
    form表单的元素中经常使用到onclick事件。


    onmousemove事件:它是当鼠标在某个html元素上移动的时候所产生
    的事件,这个事件伴随着鼠标的移动而不断的重复发生。如果我们要
    随着鼠标的移动而不断显示出鼠标的新坐标位置,就应该处理这个
    事件。

    onmouseover事件:它是指鼠标刚从外面移进到一个html元素的边界时,
    所产生的事件。除非鼠标又移出html元素且再移入,否则这个事件不会
    重复发生。

    onmouseout事件:它是当鼠标移出一个html元素的边界时所产生的事件。

    onmousedown事件:当鼠标的任何按键按下去的时候产生的事件。

    onmouseup事件:当鼠标的任何按键弹起去的时候产生的事件。


    onkeydown:当键盘的任何按键按下去的时候产生的事件。


    onkeyup:当键盘的任何按键弹起的时候产生的事件。

    onkeypress:当用户按下一个数字或字母按键所产生的事件。

    按某个键是指"按下弹起"。

    转载请注明出处:http://blog.csdn.net/acmman/article/details/44132035

    展开全文
  • js中事件对象event

    千次阅读 多人点赞 2018-03-06 16:40:10
    当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细信息(包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时,浏览器通过函数传递过来的。)都会被临时保存...

    一、Event对象

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

    事件通常与函数结合使用,函数不会在事件发生前被执行!

    当一个事件发生的时候,和当前这个对象发生的这个事件有关的一些详细信息(包括导致事件的元素、事件的类型、以及其它与特定事件相关的信息等。这个对象是在执行事件时,浏览器通过函数传递过来的。)都会被临时保存到一个指定的地方——event对象,供我们在需要的时候调用

    二、获取event对象

    在 W3C 规范中,event 对象是随事件处理函数传入的,Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持这种方式;但是对于 IE8.0 及其以下版本,event 对象必须作为 window 对象的一个属性。

     

    IE、Chrome:event是一个内置的全局对象

    标准下/FF:事件对象是通过事件函数的第一个参数传入(如果一个函数是被事件调用的,那么这个函数定义的第一个参数就是事件对象)

    如何处理兼容性:

    document.onclick = function  fn(){
       var ev = ev||event;
       alert('处理兼容');
    }

    例子:

    <script>
    
        window.onload = function(){
            var oDiv = document.getElementById('div1');
            document.onmousemove = function(ev){
                var ev = ev||event;//处理兼容性
                oDiv.style.left = ev.clientX + 'px';
                oDiv.style.top = ev.clientY + 'px';
            }
        }
    
    </script>

    三、事件流

    事件流是描述的从页面接受事件的顺序,当几个都具有事件的元素层叠在一起的时候而层叠在你点击范围 , 并不是只有当前被点击的元素会触发事件 , 那么你点击其中一个元素的所有元素都会触发事件。而如果我们想要只触发其中一个事件时,此时就需要取消冒泡或捕获。现代浏览器默认都是冒泡类型,所以通常只需要取消冒泡即可。 

    事件流包括两种模式:冒泡和捕获

       1、冒泡:从里向外逐个触发。当你使用事件冒泡时,子级元素先触发,父级元素后触发

     事件冒泡机制:当一个元素接收到事件的时候,会把他接收的所有传播给他的父级,一直到顶层window

       2、捕获:从外向里逐个触发(与事件冒泡机制相反)当你使用事件捕获时,父级元素先触发,子级元素后触发

    W3C模型

    W3C模型是将两者进行中和,在W3C模型中,任何事件发生时,先从顶层开始进行事件捕获,直到事件触发到达了事件源元素。然后,再从事件源往上进行事件冒泡,直到到达document。

    阻止事件冒泡的方法

    function stopBubble(e) {  
      if(e && e.stopPropagation){  
          e.stopPropagation();  //非IE下
      } else {  
        window.event.cancelBubble = true;  //IE下
      }  
    };  

    四、js事件绑定

    要想让 JavaScript 对用户的操作作出响应,首先要对 DOM 元素绑定事件处理函数。所谓事件处理函数,就是处理用户操作的函数,不同的操作对应不同的名称。
    在JavaScript中,有三种常用的绑定事件的方法:

    1. 在DOM元素中直接绑定;
    2. 在JavaScript代码中绑定;
    3. 绑定事件监听函数。

    1、在DOM中直接绑定

    <button onclick="open()">按钮</button>
    
    <script>
    function open(){
        alert(1);
    }
    </script>

    2、在js代码中绑定

    <button id="btn">按钮</button>
    
    document.getElementById('btn').onclick = function(){
          this.style.background = 'yellow';
      }
    

    3、绑定事件监听函数

    绑定事件的另一种方法是用 addEventListener() 或 attachEvent() 来绑定事件监听函数。

    addEventListener()函数语法:
    elementObject.addEventListener(eventName,handle,useCapture);

    参数 说明
    elementObject DOM对象(即DOM元素)。
    eventName 事件名称。注意,这里的事件名称没有“ on ”,如鼠标单击事件 click ,鼠标双击事件 doubleclick ,鼠标移入事件 mouseover,鼠标移出事件 mouseout 等。
    handle 事件句柄函数,即用来处理事件的函数。
    useCapture Boolean类型,是否使用捕获,一般用false 。这里涉及到JavaScript事件流的概念,前面已经进行了讲解


    attachEvent()函数语法:
    elementObject.attachEvent(eventName,handle);

    参数 说明
    elementObject DOM对象(即DOM元素)。
    eventName 事件名称。注意,与addEventListener()不同,这里的事件名称有“ on ”,如鼠标单击事件 onclick ,鼠标双击事件 ondoubleclick ,鼠标移入事件 onmouseover,鼠标移出事件 onmouseout 等。
    handle 事件句柄函数,即用来处理事件的函数。


    注意:事件句柄函数是指“ 函数名 ”,不能带小括号。
    addEventListener()是标准的绑定事件监听函数的方法,是W3C所支持的,Chrome、FireFox、Opera、Safari、IE9.0及其以上版本都支持该函数;但是,IE8.0及其以下版本不支持该方法,它使用attachEvent()来绑定事件监听函数。所以,这种绑定事件的方法必须要处理浏览器兼容问题。     

    下面绑定事件的代码,进行了兼容性处理,能够被所有浏览器支持:

    <button id="btn">按钮</button>
    
    <script type="text/javascript">
            var oBtn = document.getElementById('btn');
            function addEvent(obj,type,handle){
                try{ // Chrome、FireFox、Opera、Safari、IE9.0及其以上版本
                    obj.addEventListener(type,handle,false);
                }catch(e){
                    try{ // IE8.0及其以下版本
                        obj.attachEvent('on' + type,handle);
                    }catch(e){ // 早期浏览器
                        obj['on' + type] = handle;
                    }
                }
            }
            addEvent(oBtn,'click',function(){//切记cliclk要加引号,没加会报错
                this.style.width = 200+'px';
            });
    </script>
    <span style="color:#ffcc33">这里使用 try{ ... } catch(e){ ... } 代替 if ... else... 语句,避免浏览器出现错误提示。</span>

    注意:obj.addEventListener('click',fn,true);(从外到里)//告诉Obj,如果有一个进去的事件触发了你,你就去执行fn这个函数              obj.addEventListeren('click',fn,false);(从里到外)//告诉Obj,如果有一个出去的事件触发了你,你就去执行fn这个函数

    总结一下就是:如果最后一个布尔值参数是true,就表示,在捕获阶段调用事件处理程序,如果是false,就表示在冒泡阶段调用事件处理程序

    4、三种绑定事件的区别

    第一种方式:函数写在结构层里面。非常不好,使页面很混乱,行为与结构得不到分离。并且在DOM结构如果绑定两个 "onclick" 事件,只会执行第一个;

    第二种方式:行为与结构开始分离。第二种绑定方式中只能给一个时间绑定一个处理函数,在脚本通过匿名函数的方式绑定的只会执行最后一个事件。

    第三种方式:可以绑定多次同一个事件,且都会执行

    1. <div id="btn" onclick="clickone()" onclick="clicktwo()"></div> 
    
        <script>
    
         function clickone(){ alert("hello"); } //执行这个
    
         function clicktwo(){ alert("world!"); }
    
        </script>
    
      2. <div id="btn"></div>
    
        <script>
    
         document.getElementById("btn").onclick = function(){ alert("hello"); }
    
         document.getElementById("btn").onclick = function(){ alert("world"); } //执行这个
    
        </script>
    
      3. <div id="btn"></div>
    
        <script>
    
         document.getElementById("btn").addeventlistener("click",clickone,false);
    
         function clickone(){ alert("hello"); } //先执行
    
         document.getElementById("btn").addeventlistener("click",clicktwo,false);
    
         function clicktwo(){ alert("world"); } //后执行
    
        </script>

    5、如何取消事件绑定

    第一种方式:document.onclick = null;(针对第一和第二两种绑定方式)

    第二种方式:obj.detachEvent(事件名称,事件函数);(针对非标准IE下的绑定方式)

    第三种方式:obj.removeEventListener(事件名称,事件函数,是否捕获);(针对标准浏览器下的绑定方式)

    五、js事件委托

    事件委托:利用事件冒泡的特性,将里层的事件委托给外层事件,根据event对象的属性进行事件委托,改善性能。

    使用事件委托能够避免对特定的每个节点添加事件监听器;事件监听器是被添加到它们的父元素上。事件监听器会分析从子元素冒泡上来的事件,找到是哪个子元素的事件。(事件委托看起来挺难理解,但是举个生活的例子。比如,有三个同事预计会在周一收到快递。为签收快递,有两种办法:一是三个人在公司门口等快递;二是委托给前台MM代为签收。)

     

     

    <ul id="ul-item">
        <li class="item">item1</li>
        <li class="item">item2</li>
        <li class="item">item3</li>
        <li class="item">item4</li>
    </ul>
    
    <script type="text/javascript">
        function fn(){
            var oUlItem = document.getElementById('ul-item');
            oUlItem.addEventListener('click',show,false);//添加监听事件
            function show(ev){
                var  ev = ev || window.event;
                var src = ev.target||ev.srcElement;//兼容IE下和FF下以及其他浏览器
                if(src && src.className.toLowerCase() === 'item'){//tolowerCase,将字符串全部转化为小写字母
                    alert(src.innerHTML);
                }
            }
        };
        fn();
    </script>

    以下为补充知识(js的event.srcElement与event.target(触发事件源))

    IE下,event对象有srcElement属性,但是没有target属性;

    Firefox下,event对象有target属性,但是没有srcElement属性.但他们的作用是相当的,即:

    firefox 下的 event.target = IE 下的 event.srcElement

    解决方法:使用obj = event.srcElement ? event.srcElement : event.target;

    或:var evtTarget = event.target || event.srcElement;

    js将html的所有控件都看成是一个个对象,通过js的各个属性,就能对其进行操作处理,js里对象的整体结构是树形的结构。一层一层的追溯,即可获取需要的结果。

    event.srcElement:表示的当前的这个事件源。

    event.srcElement.parentNode:表示当前事件源的父节点。

     parentNode:父节点,也就是上一层的节点。可以是任何一个标签。

    event.srcElement.firstChild:当前事件的第一个节点,如果节点是input,通过event.srcElement.firstChild.value就可以获取此input的值。

    event.srcElement.parentElement:是指在鼠标所在对象的上一个对象。

    event.srcElement.children:当前节点下对象的个数,有多个的话就是个数组,如当前节点下有2个input的对象,要获取这两个可以用event.srcElement.children[0] 与 event.srcElement.children[1]分别获取。

     

     

     

    展开全文
  • JavaScript中的Event事件对象详解

    万次阅读 多人点赞 2016-10-07 17:36:10
    在JavaScript中对于事件来讲,首先,我们需要了解这样几个概念:事件事件类型、事件绑定、事件监听、事件处理程序(事件侦听器)、事件对象(事件源)、事件流、事件冒泡、事件捕获、事件性能优化(事件委托[事件代理]...
  • jQuery的事件机制,的是:jQuery对JavaScript操作DOM事件的封装,包括了:事件绑定、事件解绑、事件触发。 JavaScript:btn.onclick = function() {}; //给这个按钮绑定事件 jQuery:$btn.click(function() {...
  • Firefox 一般是事件... 其他浏览器均是window.event来获取事件对象,window可省略,event直接获取到事件对象  1)常用属性:  获取坐标 http://blog.csdn.net/lzding/article/details/45437707  
  • DOM事件类型、event对象,最详解析。

    万次阅读 多人点赞 2020-05-11 11:02:28
    目录事件对象(一)DOM中的事件对象⑴ 示例⑵ 所有事件都有的event对象的属性和方法① currentTarget | this | targer 的区别 事件对象 在触发DOM上的某个事件时,会产生一个事件对象event,这个事件对象包含着所有...
  • JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的...一、事件事件流描述的是从页面中接受事件的顺序。事件冒泡事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向
  • 思维对象指的是我们在大脑中想象或假设出来的物体,它不存在于现实空间中;而实在对象指的是当时真正存在于我们生活空间的物体,它是可见的。例如一本书、一张桌子都可以看作为对象,如果这本书当时是可见的,那么这...
  • 方法是系统已经设计好的、在编写事件过程可以使用的一些特使程序,完成显示、隐藏、移动对象,绘制图形和打印输出结果等一定的操作功能。 事件 对象能够识别并做出反应的外部刺激 面向对象程序设计是一种以...
  • 互斥对象事件对象、关键代码段的应用和比较  线程同步的方式主要有三种:互斥对象事件对象和关键代码段。 一. 互斥对象  互斥对象(mutex)属于内核对象,它能够确保线程拥有对单个资源的互斥访问权...
  • JavaScript(下面简称JS)是一种基于对象事件驱动的语言。所谓基于对象,这和我们常说的面向对象语言是有所不同的。 面向对象,简单而言就是用户可以自己定义...而基于对象,是程序内部已经为用户提供了若干个对
  • 24 - JavaScript 事件对象Event和冒泡

    千次阅读 2019-11-13 16:28:22
    绑定事件的两种方式/DOM事件的级别 DOM0的写法:onclick element.onclick = function () {} 举例: <body> <button>点我</button> <script> var btn = document.getElementsByTagName...
  • 面向对象——一起来复习委托与事件

    千次阅读 热门讨论 2014-07-19 10:08:40
    通过复习委托与事件,我们知道了对象间的关系不仅仅存在调用这种耦合性较强的关系,还有通过这一系列的操作,交由委托机制这个第三方来统一管理,是个不一样的选择,而这个不一样是不是更适用于“高内聚,低耦合”这...
  • 当用户触摸屏幕时将创建一个MotionEvent对象。MotionEvent包含关于发生触摸的位置和时间等细节信息。 MotionEvent对象被传递到程序中合适的方法比如View对象的onTouchEvent()方法中。 在这些方法中我们可以分析...
  • 检查对象是否相等关系运算符==和!=也适用于所有对象,但它们的含义通常会使初涉Java领域的人找不到北。下面是一个例子://: Equivalence.javapublic class Equivalence { public static void main(String[] args) {...
  • vue中点击事件或者是其他的事件可以通过在事件中添加$event进行对标签元素的dom获取或者修改标签的属性等等。具体用法如下: 1、可以通过$event进行对dom元素的获取 html: <button data-get="数据按钮" @...
  • WPF对象生命中的事件

    千次阅读 2011-07-12 14:28:29
    本文包含以下几节:1 先决条件们2 对象生命中的事件们3 元素生命期内的通常事件4 生命期事件们的程序模型元素们1 先决条件们假设你已完全理解依赖属性,并掌握XAML语言。2 对象生命中的事件们.net的托管代码中的对象...
  • html5 移动端的手指触屏事件

    万次阅读 2017-06-14 19:07:45
    用户在移动端浏览H5的时候,会使用手指进行一连串的操作,单击、双击、上拉、下拉等等一系列操作,这里主要针对touch事件进行一些简单的介绍; 用户从手指触碰到屏幕到手指离开屏幕这中间,会触发一系列的touch事件...
  • js事件的三个阶段分别为:捕获、目标、冒泡    1.捕获:事件由页面元素接收,逐级向下,到具体的元素  2.目标:具体的元素本身  3.冒泡:跟捕获相反,具体元素本身,逐级向上,到页面元素  事件捕获:当使用...
  • VB中的对象,属性,事件,方法

    千次阅读 2019-01-08 11:47:47
    对象: 将数据和处理该数据的过程(函数和子程序)打包在一起而生成的新...所有的对象都具有自己的特征,称为属性:外界对对象的刺激能引起对象的响应,这种刺激称为事件:各种对象具有特定的功能,称为方法。 ...
  • 对象的谁触发了事件,绑定事件的主人。 【事件事件就如神经开关,刺激激发动作函数,只需交互一瞬间;  【函数】 函数就是对事件作出具体反馈映射,即执行处理某种事件的动作,需要一段执行过程。 【方法】 ...
  • js获取事件源(触发该事件对象

    千次阅读 2013-05-07 10:39:31
    //这时obj就是触发事件对象,可以使用它的各个属性 //还可以将obj转换成jquery对象,方便选用其他元素 var $obj = $(obj);  alert($obj.parent().attr("href"));  } 本文参考了多位网友的博文
  • 模拟手指点击滑动事件

    千次阅读 2017-09-17 14:15:20
    这个需求要实现有几种方法,下面讲讲尝试过的...主要用到的是onTouch常用的4个事件:1、ACTION_DOWN: 表示按下了屏幕,第一个执行也是必然执行的方法。2、ACTION_MOVE: 表示为移动手势,会不断的执行直到触摸停止。
  • readyState属性 ...此属性的值一般不会递减,除非在正在进行的请求...理论上,每当这个属性的值发生变化时都会触发readyStateChange事件,但实际上,只有此属性改变为4时才会触发readyStateChange事件。 readyState值
  • 什么是类?什么是对象?类和对象有什么关系?

    万次阅读 多人点赞 2016-05-13 15:26:11
    起初,“面向对象”是在程序设计中采用封装、继承、多态等设计方法。现在,面向对象的思想已经涉及到软件开发的各个方面。如,面向对象的分析(OOA,ObjectOriented Analysis),面向对象的设计(OOD,Object ...
  • Document对象是你打开或新建的一个文件,Documents是Phtoshop中包含的所有Document的集合。 Documents 方法 参数类型 返回值
  • 今天在做腾讯地图的时候发现一个问题就是双指在方法或缩小地图的时候会触发地图上标记的click事件很不友好,用户体验感差。如下: click的时候触发三个动作: 按先后顺序分别是: touchstart //手指放到屏幕上时...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 324,023
精华内容 129,609
关键字:

对象的事件是指