JS事件中的对象

在触发任何事件时都会产生一个对象。如:DOM事件,window事件等,都会产生一个对象,该对象就是当前元素的事件对象。

DOM事件对象

<body>
    <input type="button" value="按钮" id="btn" />
    <!--js-->
    <script>
        var btn = document.getElementById("btn");
        btn.onmousemove = function(e){
            alert(e.x);
        }
        btn.onclick = function(e){
            document.write(e.type);
        }
    </script>
</body>

window事件对象

<body>
    <!--js-->
    <script>
        window.onmousemove = function(e){
            alert(e.x + "---" + e.y);
        }
    </script>
</body>

获取事件对象的相关属性和方法,在事件函数的参数中添加event参数(参数名没有严格要求,仅凭个人喜好),事件方法中用该参数调用相关属性及方法就行。

ps:补充事件对象的两个常用方法。

1、stopPropagation(); 阻止事件冒泡(阻止触发当前元素的父级元素);

2、preventDefault();阻止事件默认动作(如,<a></a>元素加上preventDefault后会阻止a标签默认的跳转动作)。

时间: 2024-10-07 19:57:33

JS事件中的对象的相关文章

javascript事件之:jQuery事件中实例对象和拓展对象之间的通信

我们总结过jQery事件中的实例原型对象对外接口和拓展对象,现在我们看看他们是如何进行通信联系的. 先来看便捷方法: 1 //调用的还是实例对象下的on()和trigger() 2 jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " + 3 "mousedown mouseup mousemove mouseover mouseout mouseenter

js事件中的event对象

addEvent(oDiv,"click",function(event){ console.log(event.bubbles+"事件是否冒泡"); console.log(event.cancelable +"是否可以取消默认行为") console.log(event.defaultPrevented+"DOM3新增,是否已经调用了preventDefault()"); console.log(event.target)

javacript onclick事件中传递对象参数

var user = {id:1, name:'zs', age:20}; var ele = '<a onclick="edit(' + JSON.stringify(user).replace(/"/g, '"') + ');">修改</a>'; 或者 var ele = '<a onclick="edit(\'' + JSON.stringify(user).replace(/"/g, '"') +

JS——数组中push对象,覆盖问题,每次都创建一个新的对象

今天写运动框架时,发现将对象push进数组,后面的值会覆盖前面的值,最后输出的都是最后一次的值.其实这一切都是引用数据类型惹的祸.       如果你也有类似问题,可以继续看下去哦.       下面代码模拟: 将json对象的每个键值对,单独搞成对象,再赋值给数组,最后输出数组.结果数组应该是有三个对象.(for-in用于对象遍历) 原文地址:https://www.cnblogs.com/ajaxlu/p/9212539.html

ionic获取事件中的对象

ng-click="submit1($event, 'argsTest’)" $scope.submit1=function(event, args){ var target = event.currentTarget; console.log('[Trade1Page1Ctrl.submit1]name:'+target.getAttribute('name')); console.log('[Trade1Page1Ctrl.submit1]args:'+args); }

js事件对象--DOM中的事件对象/IE中的事件对象/跨浏览器的事件对象

事件对象    在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息.包括导致事件的元素.事件的类型,以及其他与特定事件相关的信息.例如,鼠标操作导致的事件对象中,会包含鼠标位置的信息,而键盘操作导致的事件对象中,会包含与按下的键有关的信息.所有浏览器对象都支持event对象,但支持方式不同. DOM中的事件对象 兼容DOM的浏览器会将一个event对象传入到事件处理程序中.无论指定事件处理程序时使用什么方法(DOM0级或DOM2级),都会传入event

JS 事件(3)——事件对象

事件对象 在触发DOM节点上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息. DOM中的事件对象 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>事件对象</title> 6 </head> 7 <body> 8 <div id="box"&

JS 事件(4)——跨浏览器的事件对象

跨浏览器的事件对象详解 封装事件对象 1 var event_util = { 2 //添加事件 3 addHandler: function(element, type, handler) { 4 if(element.addEventListener) { 5 element.addEventListener(type, handler, false); 6 } else if(element.attachEvent) { 7 element.attachEvent("on" +

JS中的函数、Bom、DOM及JS事件

本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的声明及调用] 1.函数声明的格式: function 函数名(参数1,参数2,参数3,--){//函数体 return 结果; } >>>函数的调用格式: 直接调用:函数调用的格式:函数名(参数一的值,参数二的值,--): 事件调用:事件名=函数名( ); 2.函数声明的几点强调: ①函数名