JavaScript - event介绍以及兼容处理 1.事件流 浏览器发展到第四代时(IE4及 Netscape Communicator 4),浏览器开发团队遇到一个问题:页面的哪个部分会拥有某个特定的事件?可以想象在一张纸上的一组同心圆,如果把手指放在圆心上,那么你的手指指向的不是一个圆,而是纸上的所有圆.即在点击一个按钮时,不仅点击了按钮,也点击了整个页面. 事件流描述的是从页面中接收事件的顺序.不过IE 和 Netscape 开发团队提出的想法差不多完全相反. IE的事件流是事件冒泡流…

浅析JavaScript中浏览器的兼容问题 浏览器兼容性问题是在实际开发中容易忽略而又最重要的一部分.我们在讲老版本浏览器兼容问题之前,首先要了解什么是能力检测,它是来检测浏览器有没有这种能力,即判断当前浏览器是否支持要调用的属性或者方法.下面做了一些简短的介绍. 1.innerText 和 innerContent1)innerText 和 innerContent 的作用相同2)innerText IE8之前的浏览器支持3)innerContent 老版本的Firefox支持4)新版本的浏览…

javascript event(事件对象)详解   1. 事件对象     1. 事件对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 什么时候会产生Event 对象呢? 例如: 当用户单击某个元素的时候,我们给这个元素注册的事件就会触发,该事件的本质就是一个函数,而该函数的形参接收一个event对象. 事件通常与函数结合使用,函数不会在事件发生前被执行! 2. 事件流 2.1 事件流发展史 事件发展史,这位大神已经写好了,想去偷瞄两…

一.事件流 事件流描述的是从页面中接受事件的顺序. IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1.事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档). 2.事件捕获 事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件. 二.事件处理程序 1.HTML事件处理程序 2.DOM0级事件处理程序 3.DOM2级事件处理程序 DOM2级事件定义了两个方法:用于处理指定和删除事件处…

JavaScript入门介绍 [函数] 函数function 是Javascript的基础模块单元,用于代码的复用.信息影藏和组合调用. function a(){} 函数对象Function Literal 函数对象通过函数字面量来创建: var add = function(a, b){ return a + b;} 匿名函数Anonymous 没有函数名的函数. 调用Invocation 每个函数均有this .arguments参数 方法调用模式函数调用模式构造器调用模式apply调用模…

JavaScript入门介绍 [经常使用的调试工具][w3school.com.cn在线编辑] [Chrome浏览器 开发调试工具]按F121.代码后台输出调试:console.log("text");2. console输出台直接输代码调试 [语法] 标示符Names 数据类型data type number 数字 :64位浮点数(double,只有一种) string 字符串 :16位字符组成(单双引号表示) boolean 不二类型 undefined function obje…

javascript的介绍 : 1.javascript死互联网最流行的脚本语言,可用于web和html,并且可用于服务器,pc和移动端 2.javascript脚本语言: 1.是一种轻量级的脚本语言 2.可以插入html 3.插入html后可以被几乎所有的浏览器解释执行 javascript实现: 1.html的脚本必须位于script之间 2.脚本可被放置于head和body 3.不限制脚本的数量,到那时通常放置于head中 代码示例 :javascipt的三种使用方式 <!DOCTYPE…

本文内容: javascript的介绍 javascirpt的存在形式 javascript注释 javascript的介绍: javascript是一种解释性脚本语言 它的用途是给html网页增加动态功能 javascript可以在浏览器中直接运行 javascirpt的存在形式: 如果想要使用javascript给自己的html网页增加动态功能,javascirpt可以有几种存在形式. 1.将代码写到html文件的script标签中: 2.将javascript代码写到外部js文件中,再通过…

原文:https://medium.com/@florenceliang/javascript-event-delegation-and-event-target-vs-event-currenttarget-c9680c3a46d1 In this case, at the time you call console.log(e), there's a DOM element in the currentTarget property. But sometime later, that pro…

js代码: $(".leads_detail").click(function(e){ e = e || event; var t = e.target || e.srcElement; var leads_id = $(this).data('id'); if (t.id == "leads_track") { window.open("<?=Url::toRoute(['leads-track'])?>" + "?lea…