js中addEventListener第三个参数涉及到的事件捕获与冒泡

js中,我们可以给一个dom对象添加监听事件,函数就是 addEventListener("click",function(){},true); 很容易理解,第一个参数是事件类型,比如点击(click).触摸(touchstart), 第二个参数就是事件函数, 比如我给一个button添加alert函数. window.onload=function(){ document.getElementById("hello").addEventListener("…

js中confirm揭示三个按钮“是”“否”“取消”

js中confirm提示三个按钮“是”“否”“取消” 重载DOM中confirm window.confirm = function(str) { str=str.replace(/\'/g, "'&chr(39)&'").replace(/\r\n|\n|\r/g, "'&VBCrLf&'"); execScript("n = msgbox('"+ str +"', 3, '提示')"…

addEventListener 的三个参数

addEventListener 有三个参数:第一个参数表示事件名称(不含 on,如 "click"):第二个参数表示要接收事件处理的函数:第三个参数为 useCapture,本文就讲解它. <body> <div id="outDiv"> <div id="middleDiv"> <div id="inDiv">请在此点击鼠标.</div> </div>…

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="…

js中 addEventListener 和removeEventListener

js中添加事件监听本来是非常常见的事情,但是去除监听一般很少去干,最近项目中需要监听页面显示或者隐藏代码如下 document.addEventListener(visibilitychange',()=>{ //执行部分 }) //自己傻逼的以为去除事件的话直接下面这样就可以了 document.removeEventListener('visibilitychange',()=>{ //回调函数 }) //真的一直以为事件名字对就行了,后面是回调,结果就是根本不管用 //网上看了介绍才知…

Android中自定义样式与View的构造函数中的第三个参数defStyle的意义

零.序一.自定义Style 二.在XML中为属性声明属性值 1. 在layout中定义属性 2. 设置Style 3. 通过Theme指定三.在运行时获取属性值 1. View的第三个构造函数的第三个参数defStyle 2. obtailStyledAttributes 3. Example 四.结论与代码下载零.序系统自带的View可以在xml中配置属性,对于写的好的Custom View同样可以在xml中配置属性,为了使自定义的View的属性可以在xml中配置,需要以下4个步骤:…

JavaScript addEventListener 第三个参数

先看一个完整的演示页面代码. Code <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"…

addEventListener 第三个参数

addEventListener api target.addEventListener(type, listener[, options]); target.addEventListener(type, listener[, useCapture]); target.addEventListener(type, listener[, useCapture, wantsUntrusted ]); 第三个参数说明: (1)若是布尔值的话, useCapture 默认为 false ,表示冒泡阶段…

关于原生js中函数的三种角色和jQuery源码解析

原生js中的函数有三种角色: 分两大种: 1.函数(最主要的角色)2.普通对象(辅助角色):函数也可以像对象一样设置属于本身的私有属性和方法,这些东西和实例或者私有变量没有关系两种角色直接没有必然的关系: 分三小类: 1.普通函数 function fn(){ console.log('我是一个最基础的函数'); } fn(); 2.类包括(内置类,自定义类)也就是构造函数内置类是通过构造函数的形式创建的自定义类形式和内置类一样创建内置类的使用:其实上述fn函数就是内置Function…

Node.js中的express框架获取参数

express获取参数有三种方法: req.query 适合 http://localhost:3000/form?num=8888 req.body 适合http://localhost:3000/form,然后Post一个num为tinyphp req.params 适合获取form后的num:http://localhost:3000/form/num 一.GET app.js var express = require('express'); var app = express(…

JS中的setInterval 函数体带参数f方法

1.setInterval(function code,delaytime); 在设置自动调用执行function code时,我们可以采用下面三种方式来解决. 一.采用字符串形式:(参数不能被周期性改变) setInterval("function name(params)",1000);二.函数包装 window.setInterval(function() { function name(params); }, 1000); 这样就可以周期性执行name(params)这个函数,…

----关于JS中迭代的三个“FOR”----

for each...in 使用一个变量迭代一个对象的所有属性值,对于每一个属性值,有一个指定的语句块被执行. 一些对象的内置属性是无法被遍历到的,包括所有的内置方法,例如String对象的indexOf方法.不过大部分的用户自定义属性都是可遍历的. [警告:永远不要使用 for each...in语句遍历数组,仅用来遍历常规对象.(有可能会对数组顺序发生改变)] 语法: for each (variable in object) { statement } 参数: variable 用来遍历…

js中apply(thisArg, [argsArray])的参数与ArrayLike的关系

你是否写过或见到过这样的代码 xx.apply(this,slice.call(arguments)) //slice.call转为数组是否多余 mdn地址 msdn地址一.微软和mdn对参数的介绍 msdn上写的是一组参数(A set of arguments to be passed to the function.) mdn写的就很清楚了是"An array-like object",即类似数组. 二.什么是类数组具有length,键值为int型,可循环.如jQuery的is…

JS 中原生方法 (三) --- Date 日期

本文也说主要阐释了 Javascript 中的基础类型和引用类型的自带方法,那么熟悉的同学又可以绕道了总是绕道,真是羞耻悳boy 当然本文阐述的主要类容 from MDN ( zh-cn ) Date 日期(原生方法) var date = new Date() console.log(date) // 返回当日的日期和时间 /** * * getDate() * 返回一个月中的某一天 ( 1-31) */ console.log(date.getDate()) // 23 /** *…

JS中以一个方法作为参数的写法

一:以方法作为参数这下来说直接以一个方法来作为参数的写法,直接上代码: -----------这样调用的方法------------- go(function(){ alert("success"); }); 那么,这样直接以一个function作为参数,那么go方法要如接收呢? -------------以这样的形式接收并调用,这里显示两种方法调用-----------------function go(fn){ alert("执行go方法"); //下面两种方…

js中创建对象的三种方式

1. 对象字面量 var obj={ name:"小小", age:3, car:{ brand:"baoma", } }; } 2.使用内置构造函数 var obj=new Object(); obj.name="lisi"; obj.age=39; 这两种创建对象的方式,都有一个共同的缺点,每次创建对象都需要重新给对象增加属性违反了DRY原则 Don't Repeat Yourself 3.自定义构造函数 function Person()…

jQuery js 中return false,e.preventDefault(),e.stopPropagation()的区别(事件冒泡)

有时候遇到冒泡事件很烦人,真的..... 1.e.stopPropagation()阻止事件冒泡 <head> <title></title> <script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script> </head> <body> <table> <tr> <td>…

angular JS中使用jquery datatable 自定义搜索按钮点击事件和mRender的 ng-click事件

'use strict'; app.controller('DataTableCtrl', function ($scope, $compile) { $scope.searchFiles = { name: "", ip: "" }; $scope.show = function () { alert("dd"); } angular.element("#Btnserach").click(function () { tab…

js事件捕获和冒泡解析

<div id="box"> <div id="box2"> <p id="test">test</p> </div> </div> <script> document.getElementById('box').addEventListener('click',function () { console.log('box') },true) document.g…

JS中的事件、事件冒泡和事件捕获、事件委托

https://www.cnblogs.com/diver-blogs/p/5649270.html https://www.cnblogs.com/Chen-XiaoJun/p/6210987.html JavaScript事件模型及事件代理事件模型 JavaScript事件使得网页具备互动和交互性,我们应该对其深入了解以便开发工作,在各式各样的浏览器中,JavaScript事件模型主要分为3种:原始事件模型.DOM2事件模型.IE事件模型. 1.原始事件模型(DOM0级) 这是一种被所有浏…

[转]addEventListener的第三个参数

如果要把HTML元素的事件与某个函数绑定起来,可以有下面三种方法,以最常见的“点击”事件为例. 方法一: 直接在对应的HTML元素标签上绑定函数 ? 1 <button id='submit' onclick='onClickFn()'>Click Me!</button> 方法二: 在JavaScript代码里面指定元素的“onclick”方法 ? 1 2 3 var btn = document.getElementById('submit'); btn.onclick =…

js中function参数默认值

--在dreamweaver做网站时,函数定义是在一个*.js文件中,其中定义了一个func,有四个参数,function func(string1,url,flag,icon),然后在另一个asp中调用它func(a,b),那flag和icon的值是什么,怎么定义默认值?谢谢! --默认值应该是 undefined 在函数内预设数可以用 arguments[i] i就是你参数的位置第一个为0 所以要设定 flag 的默认值则可以这么写 function func(string1,url,f…

addEventListener－第三个参数 useCapture

转载自:http://www.cftea.com/c/2008/10/MQ0U26KP565GNM5Q.aspaddEventListener-开始 addEventListener-事件流 addEventListener-第三个参数 useCapture addEventListener-event 对象的属性和方法 addEventListener-有用的笔记 addEventListener 有三个参数:第一个参数表示事件名称(不含 on,如 "click"):第二个参数表示要…

js中关于事件处理函数名后面是否带括号的问题

今天总结一个关于事件处理程序的小细节.首先回顾一下事件处理的一些概念. JS中的事件处理(事件绑定)就是让某种或某些事件触发某些活动.有两种常见的形式,分别是DOM Level 0 和DOM Level 2.这两种方式最大的区别就在于DOM 0级事件处理只能用于事件冒泡,而DOM 2级事件处理却可以通过设置第三个参数来分别支持事件冒泡和事件捕获. DOM 0级事件处理一般是直接把一个函数分配给一个事件处理程序,既可以在元素中直接分配一个事件处理程序,如方式一所示;也可以在脚本中把函数分配给事件处…