一、什么是事件冒泡 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。 打个比方说:你在地方法院要上诉一件案子,如果地方没有处理...
方法一:非文本框、文本域的选中内容方法<!Doctype html> <html><head><script type="text/javascript" src=‘http://libs.baidu.com/jquery/2.0.0/jquery.js‘></script><body><div onclick="SelectText(‘myDiv‘)">点击选中</div><div id="myDiv">测试选中内容<p>eee</p>测试</div><script>function SelectText(element) {var browserName=navigator.userAgent.toLowerCase(); var text = document.getElementById(element);i...
简评:如果你对 JavaScript 异步的原理感兴趣,这里有一篇不错的介绍。JavaScript 同步代码是如果工作的在介绍 JavaScript 异步执行之前先来了解一下, JavaScript 同步代码是如何执行的。这里有两个概念需要了解:** 执行上下文(Excution Context)**执行上下文是一个抽象的概念,用于表示 JavaScript 的运行环境,任何代码都会有一个执行上下文。全局代码运行在全局执行上下文,函数里的代码运行在函数执行上下文,每一个函数都...
处理Touch事件能让你跟踪用户的每一根手指的位置。你可以绑定以下四种Touch事件: 1.touchstart: // 手指放到屏幕上的时候触发 2.touchmove: // 手指在屏幕上移动的时候触发 3.touchend: // 手指从屏幕上拿起的时候触发 4touchcancel: // 系统取消touch事件的时候触发。至于系统什么时候会取消,不详属性 1.client / clientY:// 触摸点相对于浏览器窗口viewport的位置 2.pageX / pageY:// 触摸点相对于...
本篇体验JavaScript事件的基本面,包括: ■ 事件必须在页面元素加载之后起效■ 点击事件的一个简单例子■ 为元素注册多个点击事件■ 获取事件参数□ 事件必须在页面元素加载之后起效 有这样一段简单的代码:<head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><title></title><style>#box {background: blue;height: 100px;width: 100px;left: 50px;top: 50px;}</style> </head> <body><div id="box"><...
更多文章同步、异步JS是单线程的,每次只能做一件事情。像以下这种情况,代码会按顺序执行,这个就叫同步。console.log(1); console.log(2); console.log(3); 以下代码会输出2、3、1,像这种不按顺序执行的,或者说代码执行中间有时间间隙的,叫异步。setTimeout(() => {console.log(1); }, 0); console.log(2); console.log(3); 事件循环一个浏览器通常有以下几个常驻的线程:渲染引擎线程:该线程负责页面的渲染JS引擎线程:负责...
事件——怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别,有需要的朋友可以参考一下 (1)冒泡型事件:事件按照从最特定的事件目标到最不特定的事件目标(document对象)的顺序触发。 IE 5.5: div -> body -> document IE 6.0: div -> body -> html -> document Mozilla 1.0: div -> body -> html -> document -> window(2)捕获型事件(event capturing):事件从最不精确的对象(document 对象)开始触发,然后到最精确(也可...
事件事件就是用户和浏览器之间的交互行为比如:点击按钮、鼠标移动、关闭窗口等等。。。事件冒泡案例<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>Untitled Document</title><style>#box1{width: 200px;height: 200px;background-color: yellowgreen;}#s1{background-color: yellow;}</st...
=====================================前台代码<input type="button" onclick ="aa();" value="点击" /> <script type="text/javascript"> function aa() { var bu = document.getElementById("Button1"); bu.click(); } </script> <asp:Button ID="Button1" runat ="server" OnClick ="button1_click" /> =====================================后台代码protected void button1_click(object sender, EventArgs e) { ClientScrip...
1<!DOCTYPE html> 2<html> 3 4<head> 5<meta charset="utf-8"/> 6<title></title> 7<script type="text/javascript"> 8 window.onload =function() {9var items = document.getElementsByTagName("p"); 10for(var i =0; i < items.length; i++) { 11 items[i].onclick =function() { 12 alert("suc!"); 13 } 14 } 1516 }; 17<...
在javasript中delegate这个词经常出现,看字面的意思,代理、委托。那么它究竟在什么样的情况下使用?它的原理又是什么?在各种框架中,也经常能看到delegate相关的接口。这些接口又有什么特殊的用法呢?这篇文章就主要介绍一下javascript delegate的用法和原理,以及Dojo,jQuery等框架中delegate的接口。JavaScript事件代理首先介绍一下JavaScript的事件代理。事件代理在JS世界中一个非常有用也很有趣的功能。当我们需要对很多元...
回车事件使用的是HTML的Event对象,通过keyCode判断被敲击的键。<intput type="text" onkeydown="Click()"> <script type="text/javascript">function Click(){if(event.keyCode == 13){ //按下回车键//do something} } </script> 或者: <input type="text" onkeydown="if(event.keyCode==13){Click()}"> <script type="text/javascript">function Click(){//do something} </script> 关于Event事件参考:HTML DOM Event 对象 关...
在编写事件的时候,我们难免会遇到以下这种情况:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <ul> <li>内容一</li> <li>内容二</li> <li>内容三</li> <li>内容四</li> <li>内容五</li> <li>内容六</li> </ul></body><script> window.onload=function(){ var oli = document.getElementsByTagName(‘li‘)...
客户端javascript程序采用了异步事件驱动编程模型。相关事件的几个概念: 事件类型(event type):用来说明发生什么类型事件的字符串; 事件目标(event target):发生事件的对象; 事件处理程序(event handler):处理或响应事件的函数; 事件对象(event object):与特定事件相关且包含有关该事件详细信息的对象; 事件传播(event propagation):浏览器决定哪个对象出发其事件处理程序的过程;注册事件处理...
1、什么是事件委托/事件代理 利用事件的冒泡传播机制(触发当前元素的某一个行为,它父级所有元素的相关行为都会被触发),如果一个容器中有很多元素都要绑定点击事件,我们没有必要一个个的绑定了,只需要给最外层容器绑定一个点击事件即可,在这个方法执行的时候,通过事件源的区分来进行不同的操作。 具体小案例如下: <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Document</title><style>*...