<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script type="text/javascript"> function bodyonload() { var inputs = document.getElementsByTagName("input"); for (var i = 0; i < inputs.length; i++) { var inputS = inputs[i]; inputS.oncli...
之前有接触过事件代理,但是印象并不深刻。这次记下来加强印象。 用个大家比较常见的代码举例子: 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 的运行环境,任何代码都会有一个执行上下文。全局代码运行在全局执行上下文,函数里的代码运行在函数执行上下文,每一个函数都...