addEventListener怎么获取this

2026-09-11

关于addEventListener中事件函数的this指向问题

看代码: //定义一个可见的盒子用于绑定点击事件 var box = document.getElementById('box'); box.x = 'box' //设置执行函数的对象属性 function outFunc() { this.x = 'outFunc'; box.addEventListener('click', func, false); } outFunc(); function func() { console.log(this.x); //输出box 说明该this指向的

JS 检测客户端断网情况

常用方法 1 navigator.onLine 2 window.addEventListener() 3 获取网络资源 4 ajax请求 1. navigator.onLine 只会在机器未连上路由或者局域网才返回false:也就是连上路由,断网的情况也是返回true if (navigator.onLine) { console.log('网络已连接'); } else { console.log('已断网'); } 2. window.addEventListener() 这个方法会有一个

js&jquery：添加事件的三种方法和常用的一些事件

一.添加事件的方法 1.EventTarget.addEventListener添加获取事件目标元素,通过addEventListener函数添加 // Assuming myButton is a button element myButton.addEventListener('click', greet, false); function greet(event){ // print and have a look at the event object // always print

SPA路由机制详解（看不懂不要钱~~）

前言总所周知,随着前端应用的业务功能起来越复杂,用户对于使用体验的要求越来越高,单面(SPA)成为前端应用的主流形式.而大型单页应用最显著特点之一就是采用的前端路由跳转子页面系统,通过改变页面的URL,在不重新请求页面的情况下,更新页面视图. 更新视图但是浏览器不重新渲染整个页面,只是重新渲染部分子页面,加载速度快,页面反应灵活,这是 SPA 的优势,这也是前端路由原理的核心,这会给人一种仿佛在操作 APP 一样的感觉,目前在浏览器环境中实现这一功能的方式主要有两种: 利用 URL 的 has

手写vue-router & 什么是Vue插件

博文分享这篇文章你可以学习到: 实现一个自己的vue-router 了解什么是Vue的插件学习b站大佬后做的笔记整理和源码实现 1.1.3一步一步带你弄懂vue-router核心原理及实现哔哩哔哩bilibili 使用官方的Vue-router 通过vue-cli脚手架初始化一个项目下载vue-router ps: vue-cli脚手架生成的时候可以选择:是否安装vue-router 下面是手动安装过程: 就是npm install vue-router之后,通过import引入了然后通

EChart系列：在echart3中使用百度地图扩展之后，如何获取到百度地图对象

最近做项目想要在百度地图上叠加显示echart的散点图,然后根据地图的缩放等级和区域范围要显示不同的散点图,这中间折腾了好久.功能要求包括: (1)底图使用百度地图: (2)可以在地图上叠加显示echart的散点图: (3)鼠标移动到散点图上面之后,可以浮动显示相关信息: (4)能够获取当前显示区域地图的经纬度范围: (5)能够响应地图的拖拽和缩放事件: 这里有两种选择: 1. 使用echart2的百度地图扩展,1, 3, 4, 5 都可以满足,就是2满足不了,他的一个series的所有图标样式

MUI 个推获取ClientID的方法

本次是获取个推ClientID的方法 //监听消息开始 document.addEventListener("plusready", function() { // 监听点击消息事件 plus.push.addEventListener("click", function(msg) {

获取img的真实宽高

之前项目后台上传图片时需要对图片的宽高做限制,一开始百度了之后使用js进行判断,可是这种方式存在一定问题,后来就改在后台判断了.现在吧这两种方式都贴出来. 一.用js获取: 先说第一个方法:obj.style.width:这个方法,只有在标签里用style属性写进了width的大小,才可以获取到值,否则只返回的为空.看下面的demo: <img style="width:400px" src="http://img.hb.aicdn.com/787bf87d05ad77

js中addEventListener中第3个参数

addEventListener中的第三个参数是useCapture, 一个bool类型.当为false时为冒泡获取(由里向外),true为capture方式(由外向里). <div id="id1" style="width:200px; height:200px; position:absolute; top:100px; left:100px; background-color:blue; z-index:4"> <div id="

浅谈原生javaScript&&react 实现全局触摸按钮（附带对addeventlistener的了解）

1.采用原生javaACript 实现全局触摸按钮首先在控制台输出,观察事件有哪些关于触摸的字段可以使用,然后拿这些字段的数据开始来写方法. 因为要做的是全局触摸按钮,我需要拿到的是按钮时时的坐标位置,通过改变样式来改变按钮任意移动位置.所以就那了changedTouches里面的值.touches里面放的是touchstart的开始位置.用react的时候,touch事件会和click起冲突,导致链接点击有bug,所以需要那touchstart的值在touchend的时候做判断是点击事件还是

Windows Store App JavaScript 开发：获取文件和文件夹列表

在应用程序中有时可能需要获取用户库中的内容,以便执行相关的操作.如果要获取某个用户库中的内容,需要先获取到这个用户库,获得用户库可以通过Windows.Storage命名空间中的KnownFolders类的相应属性来实现,可用属性包括documentsLibrary(文档库).musicLibrary(音乐库)和videosLibrary(视频库)等.获取到用户库之后,就可以使用KnownFolders类中的getItemsAsync.getFilesAsync或getFoldersAsync函

[AIR] 获取U盘，打开U盘

示例: 获取存储卷的方法: package com.controls { import flash.events.StorageVolumeChangeEvent; import flash.filesystem.StorageVolume; import flash.filesystem.StorageVolumeInfo; /** * @author Frost.Yen * @E-mail 871979853@qq.com * @create 2016-10-10 下午3:31:57 * *

JS获取IMG图片高宽

前段时间在LJW写的touchslider.js轮播代码里添加自适应屏幕大小的功能时,遇到一个问题.不管用什么样的方法都无法获取到IMG标签的高宽,最后只有给图片定一个高宽的比例值:趁今天有空我就写了几个demo测试了下,找了下原因:且听我细细说来,如有哪里说的不对的,欢迎拍砖--- 首先获取高宽的方法具我所知有:obj.style.width(height); obj.offsetWidth(offsetHeight); obj.clientWidth(clientHeight); getCo

flex中通过代码获取supermap的token

最近工作中需要使用代码来获取supermap服务启动安全访问限制以后的token值,经过一番尝试,最终成功获取到,记录下里,以供翻阅 //get token public function getToken:void{ var url:String = "http://IP地址/iserver/services/security/tokens.json"; //url地址最后要加.json!!! var variables:URLVariables = new URLVraiabl

Cordova - 使用Cordova开发iOS应用实战5（获取手机里照片，并编辑）

使用Cordova可以很方便的通过js代码读取系统相簿里面的照片,同使用设备摄像头拍照一样,同样需要先添加camera插件. 一,添加camera插件首先我们要在“终端”中进入工程所在的目录,然后运行如下命令: 1 cordova plugin add cordova-plugin-camera 可以看到camera相机插件已经成功添加了: 二,获取照片我们可以选择是从“照片库(时刻)”中读取图片,或者从“相簿”中读取图片. 1,从“相簿”中获取照片

Javascript添加事件的addEventListener()及attachEvent()区别分析，事件委托

Mozilla中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target: 文档节点.document.window 或 XMLHttpRequest. type: 字符串,事件名称,不含“on”,比如“click”.“mouseover”.“keydown”等. listener :实现了 EventListener 接口或者是 JavaScript 中的函数. useCapture

js获取一个对象的所以属性和值

在HTML DOM中,获取某个元素对象的时候,往往记不住它的很多属性,可以通过下面的例子来查找一下: <!DOCTYPE html> <html> <body> <h1>获取对象属性和值</h1> <div id="div1" class="div">fdsfs</div> <script type="text/javascript"> var myO

Js navigator.onLine 获取设备是否可以上网、连接网络

http://zccst.iteye.com/blog/2194229 获取用户的联网状态 if (navigator && navigator.onLine === false) { alert("无法连接网络") } else { alert("正常上网") } 监听事件 var el = document.body; if (el.addEventListener) { window.addEventListener("online&

完全图解scrollLeft,scrollWidth,clientWidth,offsetWidth 获取相对途径，滚动图片(网上找的,未经试验,但觉得比较好)

获取元素的位置属性可以通过 HTMLElement.offsetLeft HTMLElement.offsetTop 但是,这两个属性所储存的数值并不是该元素相对整个浏览器画布的绝对位置,而是相对于其父元素位置的相对位置,也就是说这两个数值得到的是以其父元素左上角为(0,0)点从而计算出的数值.所以我们要得到她的绝对位置,那么我们必须依次向上获取他的父元素的位置,然后获取它父元素的父元素的offersetLeft和offersetTop,一直递归到浏览器的整个画布横纵距离的时候,例如( 一定

怎么通过js获取上传的图片信息（临时保存路径，名称，大小）然后通过ajax传递给后端？

今天在论坛上看到这样一个问题,有必要编辑搜集下. 问题描述:怎么通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端题主用jquery接收 <input name="c_pic" id="c_pic" type="file" class="file"> 用的方法是: var input = document.getElementById("c_pic"); inpu

html5+ 获取当前设备的加速度信息

getCurrentAcceleration 获取当前设备的加速度信息 void plus.accelerometer.getCurrentAcceleration( successCB, errorCB ); 说明: 加速度是设备在当前方向上所做相对运动变化(增.减量)的运动传感器.加速度信息包括x.y.z三个方向的信息. 加速度信息可通过successCB回调函数返回.加速度信息获取失败则调用回调函数errorCB. 参数: successCB: ( AccelerometerSuccess

addEventListener怎么获取this

热门专题