事件触发函数中的this,target,currentTarget,srcElement

要解释其中的区别,首先要理解浏览器的事件机制, 现在主流的浏览器事件基本是先捕获再冒泡,IE浏览器只有冒泡阶段事件是在冒泡阶段触发的看看这个HTML 当我点击"我是父节点的时候". 事件是从 body->#parent->#child(捕获阶段) 然后(冒泡阶段) #child->#parent(触发事件)->body 好事件机制了解了,看看下面的定义 this 指触发事件的节点, e.target …

js进阶 12-14 jquery的事件触发函数是哪两个

js进阶 12-14 jquery的事件触发函数是哪两个一.总结一句话总结:trigger和triggerHandler 1.trigger传额外参数时候的注意事项是什么? 注意样例中是三个参数 1.传的参数写在trigger的第二个参数2.如果要传多个参数,用数组方式 31 //trigger的额外数据 32 //多条数据时候需要放到[]中 33 $('#btn1').on('click', 34 300,function(e,data1,data2){ 35 alert('trigger…

tp5模型事件回调函数中不能使用$this

tp5模型事件回调函数中不能使用$this,使用会报错,涉及到数据库操作使用Db类,不能使用$this->save()之类的方式如果回调函数中需要使用类内函数,需要将函数定义为static,通过self::调用给个例子:分类删除前删除该分类的子分类 public static function init(){ self::event('before_delete', function ($data) { $sonids=self::getid($data['cate_id']); Db::t…

JS事件-对象监视事件，事件触发函数

写在前面: 一句话作为本文的核心思想:对象监视事件,事件触发函数: (一)事件 1.事件分类 (1)鼠标事件 click() 鼠标单击 dblclick() 鼠标双击 mouseover() 鼠标移入事件 mouseout() 鼠标移出事件 mousemove() 鼠标移动事件 mousedown() 鼠标按下事件 mous…

jquery事件函数和原生事件绑定函数中return false的区别

一直听说jquery中事件函数返回false,相当于调用了event.preventDefault()和event.stopPropagation()两个方法,今天就想看看dom中0级.1级.2级事件绑定事件的话,事件函数返回false会是个什么情况,看看是不是和jquery一个样:<!doctype html><html> <head> <meta charset='utf-8' /> …

在js自定义函数中使用$(event.target)代替$(this)

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <ti…

JS中事件绑定函数，事件捕获，事件冒泡

1 事件绑定:事件与函数绑定以及怎么取消绑定 1.1 元素.onclick这种形式,如下: <div id="div1">aaa</div> <script type="text/javascript"> var oDiv1 = document.getElementById('div1'); oDiv1.onclick = function(){ alert(this.innerHTML); //将会弹出aaa } </s…

跨浏览器的事件对象-------EventUtil 中的方法及用法

什么是EventUti----封装好的事件对象在JavaScript中,DOM0级.DOM2级与旧版本IE(8-)为对象添加事件的方法不同为了以跨浏览器的方式处理事件,需要编写一段“通用代码”,即跨浏览器的事件处理程序习惯上,这个方法属于一个名为EventUtil的对象编写并使用该对象后,可保证处理事件的代码能在大多数浏览器下一致的运行 var EventUtil={ addHandler:function(element,type,handler){ //添加事件 if(element…

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

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

js函数中的BOM和DOM

BOM 浏览器对象模型 screen对象 console.log(screen.width);// 屏幕宽度 console.log(screen.height);// 屏幕高度 console.log(screen.availWidth); //可用宽度 console.log(screen.availHeight); //可用高度=屏幕高度-底部任务栏 location对象完整的URL路径: 协议://主机名(IP地址):端口号/文件路径?传递参数(name1=value1&name2=v…

改变函数中的 this 指向——神奇的call,apply和bind及其应用

在JavaScript 中,call.apply 和 bind 是 Function 对象自带的三个方法,这三个方法的主要作用是改变函数中的 this 指向,从而可以达到`接花移木`的效果.本文将对这三个方法进行详细的讲解,并列出几个经典应用场景. 1.call(thisArgs [,args...]) 该方法可以传递一个thisArgs参数和一个参数列表,thisArgs 指定了函数在运行期的调用者,也就是函数中的 this 对象,而参数列表会被传入调用函数中.thisArgs 的取值有以下4…

除了信号触发线程与接收者线程相同的情况能直接调用到slot，其它情况都依赖事件机制（解决上面代码收不到信号的问题其实很简单，在线程的run();函数中添加一个事件循环就可以了，即加入一句exec();），信号槽不就是一个回调函数嘛

MainWindow::MainWindow(QWidget *parent) : QMainWindow(parent) { pThreadCon = new CSerialThread(); pThreadCon->start(); m_pTimer = new QTimer(); connect(m_pTimer,SIGNAL(timeout()),SLOT(onTimer())); m_pTimer->start(1000); } v…

js中event的target和currentTarget

js 中的event是个很有用的对象,不同的浏览器,处理方式可能不一样. 我们现在只考虑标准的浏览器的情况 event是表示时间触发的产生的对象,以click事件为例. 由于冒泡的存在,event对象的字段取值,可能不一样. 例如,我们通常用的event.currentTarget,得到click点击的原始对象(如果外层的父元素有click事件,同样触发),因此我们得到的结果是外层的父对象,是因为冒泡的导致. 因此,如果打算得到原始对象,改为target字段. 以下是currentTarget与…

C# (事件触发)回调函数，完美处理各类疑难杂症！

每次写博客,第一句话都是这样的:程序员很苦逼,除了会写程序,还得会写博客! 废话说多了...... 嘿嘿:本篇标题为:C# (事件触发)回调函数,完美处理各类疑难杂症.个人理解如下:事件触发也就是触发一个事件,触发的这个事件是通过函数来实现的,而这个函数也就是回调函数. 如果现在让你开发一个支付类的程序,那么你必须考虑到:当用户支付成功后,订单的状态,支付时间等字段的更改.那么怎样做到更改这些字段呢? 1.什么情形下用回调函数/事件触发? 做过支付宝支付,微信支付等第三方支付功能的小伙伴都知道…

Android中Touch事件分析--解决HorizontalScrollView滑动和按钮事件触发问题

之前写过关于HorizontalScrollView滑动和按钮事件触发问题,但是不能所有的情况,最近几天一直在想这个问题,今天有一个比较好的解决思路,最终应用在项目里面效果也很好,首先说明一下功能: (1).按下按钮,不滑动,触发按钮功能 (2).按下按钮,滑动触发滑动事件这里的按下包含长按和短按情况首先要解决这个问题需要明白Android中的Touch事件是如何进行处理的,这里有一篇文章:http://blog.csdn.net/jwzhangjie/article/details/971…

WinForm中的事件触发机制学习

在一个Form窗体中拖个按钮,双击后系统自动生成代码: private void button1_Click(object sender, EventArgs e) { } 同时在窗体的InitializeComponent()方法中自动生成代码: this.button1.Click += new System.EventHandler(this.button1_Click); 当Form程序运行起来后点击按钮时,就会触发按钮的Click事件,并通过委托System.EventHandler来…

042——VUE中组件之子组件使用$on与$emit事件触发父组件实现购物车功能

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>组件之子组件使用$on与$emit事件触发父组件实现购物车功能</title> <script src="vue.js"></script> </head> <body> <div i…

Winform 中panel的mousewheel鼠标滚轮事件触发

如果将窗体或容器控件(如Panel控件)的AutoScroll属性设置为True时,那么当窗体或Panel容不下其中的子控件时就会出现滚动条,通过移动滚动条可以上下显示出窗体或Panel中的全部内容.但是默认情况下滚动条的移动只能通过鼠标直接拖动滚动条来实现,而不能通过鼠标的滚轮来实现上下移动,因此需要手动添加代码来实现这个功能. 滚动鼠标的滚轮,触发的是窗体或控件上的 MouseWheel 事件.但是在VS.net2005中,窗体和控件的事件列表中却不包含 MouseWheel 事件,因此…

函数计算自动化运维实战 2 -- 事件触发 eip 自动转移

函数计算阿里云函数计算是一个事件驱动的全托管计算服务.通过函数计算,您无需管理服务器等基础设施,只需编写代码并上传.函数计算会为您准备好计算资源,以弹性.可靠的方式运行您的代码,并提供日志查询,性能监控,报警等功能.借助于函数计算,您可以快速构建任何类型的应用和服务,无需管理和运维.更棒的是,您只需要为代码实际运行消耗的资源付费,而代码未运行则不产生费用. 云监控阿里云云监控为云上用户提供开箱即用的企业级开放型一站式监控解决方案.涵盖IT设施基础监控,外网网络质量拨测监控,基于事件.自定义指…

js事件函数中（ev）是什么鬼？

首先,从ev所在的位置就可以得知,ev是参数. 在ev中包含了事件触发时的函数, 比如: click事件的ev中包含着e.pageX,e.pageY keydown事件中包含着ev.keyCode等 ie中,ev是全局的,可以通过window.event来获取,在浏览器中作为参数传入的.…

ListView中的组件Button的OnClick事件触发时机

Android开发时,ListView中的组件Button的OnClick事件必须在ListView之外的组件事件触发后才能触发? 此处ListView无OnItemClick事件,而且ListView中的Button的OnTouch事件可以实时触发,OnClick事件就被阻塞了,需要等待别的事件触发之后才能触发,十分不解,要贴个代码吗? ![模拟器上的截图,黄色的按钮点击后无法触发onclick事件,但点击下方"返回",或者"提交"按钮之后就会触发先前的点击事件…

[ios]IOS的AppDelegate方法中的事件触发调用以及关闭 ios应用程序

IOS的AppDelegate方法中的事件触发调用参考:http://blog.sina.com.cn/s/blog_a573f7990101bphp.html //当应用程序将要进入非活动状态执行,在此期间,应用程序不接受消息或事件,比如来电 - (void)applicationWillResignActive:(UIApplication *)application { NSLog(@"应用程序将要进入非活动状态,即将进入后台"); } //应用程序已经进入后台运行 - (vo…

Qt 学习之路 2（19）：事件的接受与忽略（当重写事件回调函数时，时刻注意是否需要通过调用父类的同名函数来确保原有实现仍能进行！有好几个例子。为什么要这么做？而不是自己去手动调用这两个函数呢？因为我们无法确认父类中的这个处理函数有没有额外的操作）

版本: 2012-09-29 2013-04-23 更新有关accept()和ignore()函数的相关内容. 2013-12-02 增加有关accept()和ignore()函数的示例. 上一章我们介绍了有关事件的相关内容.我们曾经提到,事件可以依情况接受和忽略.现在,我们就来了解下有关事件的更多的知识. 首先来看一段代码: C/C++ 35 lines 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26…

vue组件中—bus总线事件回调函数多次执行的问题

在利用vue组件进行事件监听时发现,如果对N个vue组件实例的bus总线绑定同一事件的回调函数,触发任意组件的对应事件,回调函数至少会被执行N次,这是为什么呢? 为此,调研了普通对象的事件绑定和触发实现方式,参考:JavaScript实现自定义对象的自定义事件. 其基本思想就是:设计一个原型对象,作为基类,其重点属性包括:一个_events对象数组属性,一个addEventListener方法,一个fireEvent方法,具体用途如下: _eventys:对象数组属性,用于存储不同事件的处理函数…

vue中Enter触发登录事件和javascript中Enter触发点击事件

created(){ window.addEventListener('keydown', this.handleKeyDown, true)//开启监听键盘按下事件 } 在methods中当keyCode的值为13触发登录绑定的事件即可 // 登录登录登录 async changeUser () { // 消息提示只弹出一个框 this.$message.closeAll() let s = checkPhone(this.dlPhone, 1) // 手机号 if (s.code === 5…

箭头函数中可改变this作用域，回调函数用箭头函数this指向page，自定义事件用箭头函数this指向undefined

1.回调函数中,用箭头函数改变this的作用域 success: (res)=>{ this.setData({ //此时,this指向page页面 ... }) } 2.自定义事件中,如果使用箭头函数,则箭头函数中的this指向undefined,不指向page onLike: (event)=>{ likeModel.like(this.data.classic.id) //报错,this指向undefined }, 需要修改成传统函数形式 onLike: function(event){…

flex中Button事件中的e.target

关于flex中的Button事件中的e.target. 今天想在事件中调用模块中的对象通过e.target获取单击的这个Button对象,但是可能是使用var btn:Button = e.target as Button居然会使得btn为空,这就让我很奇怪了.最后终于发现了,原来是因为主程序中获取的是spark这个包里面的<s:Button />对象,而模块中是使用 <mx:Button />这个对象而导致错误.解决方法: 将模块里面的<mx:Button />改为&…

Unity3D 自定义事件（事件侦听与事件触发）

先来看下效果图,图中点击 Cube(EventDispatcher),Sphere(EventListener)以及 Capsule(EventListener)会做出相应的变化,例子中的对象相互之间没有引用,也没有父子关系. Demo 事件触发者(EventDispatcher)CubeObject.cs,挂载在 Cube 对象上 using UnityEngine; using System.Collections; public class CubeObject : MonoBehavio…

Javascript事件触发顺序

html标签是有子和父的,这个时候就出现了事件触发顺序的问题,比如: <!DOCTYPE html> <html> <head> <style> .first{ border:solid #FF0000 } .second{ border:solid #00FF00 } .third{ border:solid #0000FF } </style> <script src="http://libs.baidu.com/jquery…

JavaScript事件在WebKit中的处理流程研究

本文主要探讨了JavaScript事件在WebKit中的注冊和触发机制. JS事件有两种注冊方式: 通过DOM节点的属性加入或者通过node.addEventListener()函数注冊: 通过DOM节点的属性加入例如以下所看到的,节点的属性採用on后面紧接event name的形式,比方onclick, onload; <html> <head> <script type="text/javascript"> function listener(e…

【事件触发函数中的this,target,currentTarget,srcElement】的更多相关文章