之前有接触过事件代理，但是印象并不深刻。这次记下来加强印象。 用个大家比较常见的代码举例子： html dom结构：<ul id="ul1"><li>001</li><li>002</li><li>003</li> </ul><script> var oUl = document.getElementById(‘ul1‘); var aLi = oUl.getElementsByTagName(‘li‘); for (var i = 0, i = aLi.length; i++) {aLi.onclick = fn; } </script> 需求：如果需要给每个li添加点击事件。 常规实现方法：遍历每个li...
$(function(){pushHistory();window.addEventListener("popstate", function(e) {window.location.reload();//跳转后执行的方法}, false);function pushHistory() {var state = {title: "title",url: "#"};window.history.pushState(state, "title", "#");} }); 原文：https://www.cnblogs.com/AttackLion/p/8491961.html
一、事件流我们通过下面一个实例，进行说明。<body><h1>Event Flow</h1><ul id="nav"><li><a href="../image-load/image-load.html">Image-Load</a></li><li><a href="../click/click.html">Click</a></li><li><a href="../move/move.html">Move</a></li><li><a href="../address/address.html">Address Form</a></li><li><a href="../follow/follow.html">Follow</a></li><li><a href="../flow/flow.html">Flow</a></li><li><a hr...
1 <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" OnClientClick="Fun()" Text="Button" /> 其中Onclick监听的是服务器事件,OnClientClick监听的是Script事件.原文：http://www.cnblogs.com/SunshineAgain/p/5687796.html
<script>var scrollFunc = function (e) {var direct = 0;e = e || window.event;if (e.wheelDelta) { //判断浏览器IE，谷歌滑轮事件 if (e.wheelDelta > 0) { //当滑轮向上滚动时alert("滑轮向上滚动");}if (e.wheelDelta < 0) { //当滑轮向下滚动时alert("滑轮向下滚动");}} elseif (e.detail) { //Firefox滑轮事件if (e.detail> 0) { //当滑轮向上滚动时alert("滑轮向上滚动");}if (e.detail< 0) { //当滑轮向下滚...
JS事件流模型事件捕获Event Capturing是一种从上而下的传播方式，以click事件为例，其会从最外层根节向内传播到达点击的节点，为从最外层节点逐渐向内传播直到目标节点的方式。 事件冒泡Event Bubbling是一种从下往上的传播方式，同样以click事件为例，事件最开始由点击的节点，然后逐渐向上传播直至最高层节点。DOM0级模型也称为原始事件模型，这种方式较为简单且兼容所有浏览器，但是却将界面与逻辑耦合在一起，可维护性差。实例...
最近一段时候都在拜读尼古拉斯大神的《javascript高级程序设计》，真的是一本好书，通俗易懂，条理比《javascript权威指南》好理解一些，当然《javascript权威指南》有权威指南的优点，不闲话了，入正题。 看技术书我通常都喜欢把书上的代码敲一遍，虽然很花时间，但只有动手敲的时候，脑中才有各种乱七八糟的想法蹦出来，为什么不能按照自己想的写，为什么书上的代码更好更优雅，还有没有别的办法去解决眼前的问题，想的多了，...
在页面中增加一个js代码，当用户用鼠标选择文字（鼠标拖动涂蓝文字）时，会出现一个层，提示与这个选择文字有个的信息<script type="text/javascript">document.onmouseup = document.ondbclick= function(){ var txt; if(document.selection){ txt = document.selection.createRange().text }else{ txt = window.getSelection()+‘‘; } if(txt){show(txt)}}function show(txt){ alert(txt)}</script>原文：http://www.cnblogs....
曾经写过一篇随笔，attachEvent和addEventListener，跟本文内容有很多相似之处本文链接：javascript之事件绑定 1、原始写法<div onclick="alert(‘you clicked me just now);‘">click me</div>在刚开始学习前端的时候，我们不免这么将事件绑定写在html中，后来我们想将html和js脚本进行分离便这么写<div id="test">click me</div><script type="text/javascript"> test.onclick=function(){alert("you click me just now"); }; </...
页面 <asp:LinkButton ID="lbtButton" runat="server" CssClass="lbtButton" Font-Underline="false" OnClick="lbtButton_Click">jsfunction clickButton(filePath, fileName){ __doPostBack(‘lbtButton‘, ‘‘); }当执行该js方法，就会触发LinkButton的点击事件，去后台执行lbtButton_Click() 函数原文：http://www.cnblogs.com/suxiaBlogs/p/7208377.html
现状：IE9以及其他都是先DOM2级事件模块的核心部分。概念：事件流；描述的是从页面中接受事件的顺序，ie的事件流是事件冒泡流，Netscape的事件流是事件捕获流。标准指定者为了照顾，所以规定事件的执行是先捕获，后冒泡。 1.事件执行顺序前提：DOM2级事件规定的事件流包括三个阶段：事件捕获阶段，处于目标阶段，事件冒泡阶段。响应：带有on前缀的事件监听器，onclick，onload 2.阻止事件冒泡，事件流阻止,取消事件的默认行为 3.j...
一、什么是事件冒泡 在一个对象上触发某类事件（比如单击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：// 触摸点相对于...