JS:event对象下的target属性和取消冒泡事件

【JS:event对象下的target属性和取消冒泡事件】的更多相关文章

JS:event对象下的target属性和取消冒泡事件

1.target 通过获取DOM元素 var box = document.getElementById("box"); document.box.onclick = function(){ alert(123);//123 } event对象下的target方法 :获取事件的目标,不用document.getElementById("box")即可获取目标; 但是target方法支持ie9以上的浏览器器,Chrome,ff,IE9以下的是不支持的. //W3C下…

Event对象中的target属性和currentTarget属性的区别

先上结论: Event.target:触发事件的元素: Event.currentTarget:事件绑定的元素: 通过下面的例子来理解这两个属性的区别: 使用Event.target属性的例子:(我在<body>和<button>上都绑定了click事件) <body onclick="mouseEvent1()"> <button onclick="mouseEvent2()">点我</button> &…

js Event对象

(事件阶段)Event Phases Event对象在event第一次触发的时候被创建出来,并且一直伴随着事件在DOM结构中流转的整个生命周期.event对象会被作为第一个参数传递给事件监听的回调函数.我们可以通过这个event对象来获取到大量当前事件相关的信息: type (String) — 事件的名称 target (node) — 事件起源的DOM节点 currentTarget?(node) — 当前回调函数被触发的DOM节点(后面会做比较详细的介绍) bubbles (boolean…

Js event对象offsetX，pageX，screenX，clientX详解

平时在测量元素位置时难以确定,下面给出具体的event对象中的各种属性,以便日后使用. 检测相对于浏览器的位置:clientX和clientY 当鼠标事件发生时,鼠标相对于浏览器左上角的位置检测相对于文档的位置:pageX和pageY 当鼠标事件发生时,鼠标相对于文档左上角的位置.(IE7/8无)(类似于event.clientX和event.clientY) 检测相对于屏幕的位置:screenX和screenY 当鼠标事件发生时,…

js面对对象编程(二)：属性和闭包

上篇博客中解说了一些js对象的基本概念和使用方法.这篇博客解说一下js属性方面的:公有属性.私有属性,特权方法. 假设学过java.公有属性.私有属性,特权方法(即能够訪问和设置私有属性的方法)一定非常熟悉.那么让我们来看看在js里怎样实现呢? 1.公有属性首先看公有的第一层意思是能够被大家所訪问的.对外开放的属性,是相对于私有属性而言的: function Person(name,age){ this.name=name; this.age=age; this.getName=functio…

图解Js event对象offsetX, clientX, pageX, screenX, layerX, x区别

通过 3 张图和 1 张表格,轻松区别 JavaScript Event 对象中的offsetX, clientX, pageX, screenX, layerX, x等属性. 一.测试代码如下: <!DOCTYPE HTML> <html lang="zh-cn"> <head> <meta charset="utf-8" /> <title>Javascript</title> <st…

js原生子级元素阻止父级元素冒泡事件

<html> <head> <style type="text/css"> #hide{ width:75%;height:80px;background:skyblue;display:block; } .hander{cursor:pointer;} input{ margin:5 0 0 900; } </style> <script> //不用window.onload也可以 document.documentElem…

js 为对象添加和删除属性

对于一个普通的js对象: var obj = { name:"mary", age:21 } 如果我们要对它添加新属性的话可以使用下列方式: obj.address = "北京" //{name: "mary", age: "21", address: "beijing"} 删除属性,需要使用delete方法: delete obj.name //{age: "21", address:…

js中对象如何添加新属性？

假如登陆需要用户.密码.是否记住密码,那么怎么定义一个对象保存这些信息 1)方法1:声明动态对象添加属性 //创建obj对象 var obj = new Object(); //为对象添加动态属性 obj.userName = "admin"; obj.passWord = "123456"; //输出 console.log(obj); 输出结果: 删除对象属性 //创建obj动态对象 var obj = new Object(); //为对象添加动态属性 ob…

JS判断对象是否包含某个属性

1.使用hasOwnProperty()判断 hasOwnProperty方法的参数就是要判断的属性名称,当对象的属性存在时返回true,否则返回false. var obj = { name:'jack' }; console.log(obj.hasOwnProperty('name')) // --> true console.log(obj.hasOwnProperty('toString'))// --> false 2.使用undefined判断 var obj={ x:5 }; c…