// 手势事件 touchstart //当手指接触屏幕时触发 touchmove //当已经接触屏幕的手指开始移动后触发 touchend //当手指离开屏幕时触发touchcancel// 触摸事件 gesturestart //当两个手指接触屏幕时触发 gesturechange //当两个手指接触屏幕后开始移动时触发gestureend// 屏幕旋转事件 onorientationchange // 检测触摸屏幕的手指何时改变方向 orientationchange ...
JavaScript 一个最简单的事件模型,需要有事件绑定与触发,也许还要有事件删除。 1var eventModel = {2 list: {},3 4 bind: function () {5var args = [].slice.apply(arguments),6 type = args[0],7 handlers = args.slice(1);8 9if (typeof type === ‘string‘ && handlers.length > 0) { 10for (var i = 0; i < handlers.length; i++) { 11if (typeof handlers[i] === ‘function‘) { 12if (!this.list[type]) { 1...
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>input{color: #999;}</style> </head> <body><input type="text" value="手机"><script>//获取元素 程序处理var input = document.querySelector(‘input‘);input.onfocus = function(){if(this.valu...
本文主要探讨了JavaScript事件在WebKit中的注册和触发机制。 JS事件有两种注册方式: 通过DOM节点的属性添加或者通过node.addEventListener()函数注册; 通过DOM节点的属性添加如下所示,节点的属性采用on后面紧接event name的形式,比如onclick, onload; <html> <head> <script type="text/javascript">function listener(e){alert("hello world!");} </script> </head> <body> <button onclick="listener(event)">click</...
参考链接:https://developer.mozilla.org/zh-CN/docs/Web/API/Window/onpopstate代码如下:$(document).ready(function(e) { var counter = 0; if (window.history && window.history.pushState) { window.onpopstate = function () { window.history.pushState(‘forward‘, null, ‘#‘); window.history.forward(1); ...
前言我们知道JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。比如,假定JavaScript同时有两个线程,一个线程在某个DOM节点上添加内容,另一个线程删除了这个节点,这时浏览器应该以哪个线程为准? 所以,为了避免复杂性,从一诞生,JavaScript就是单线程,这已经成这门语言的核心特征,将来也不会改变。 所谓单线...
谈起JavaScript的 事件,事件冒泡、事件捕获、阻止默认事件这三个话题,无论是面试还是在平时的工作中,都很难避免。DOM事件标准定义了两种事件流,这两种事件流有着显著的不同并且可能对你的应用有着相当大的影响。这两种事件流分别是捕获和冒泡。和许多Web技术一样,在它们成为标准之前,Netscape和微软各自不同地实现了它们。Netscape选择实现了捕获事件流,微软则实现了冒泡事件流。幸运的是,W3C决定组合使用这两种方法,并且...
原文:javascript系列之DOM(三)---事件 事件是javascript跳动的心脏,是DOM所有成分结合的万金油。当我们在WEB 上进行某些交互时,事件也就发生了。点击某些内容,鼠标经过特定元素,按下某些按键,改变窗口。当然还可能是浏览器上某个页面加载完毕。通过 javascript你可以监听特定事件的发生,为事件绑定处理函数。DOM事件流 在DOM中,当某一个特定的HTNL元素产生事件时,该事件会在该元素节点与根节点之间按特定的顺序传...
//回车登陆事件document.onkeydown=function(event){var e = event || window.event || arguments.callee.caller.arguments[0];if(e && e.keyCode==13){ // enter 键 adminLogin();} 原文:http://www.cnblogs.com/weiloong/p/5104629.html
一、事件简介事件:就是文档或浏览器窗口中发生的一些特定的交互瞬间。对于 Web 应用来说,有下面这些代表性的事件:点击某个元素、将鼠标移动至某个元素上方、关闭弹窗等等。JavaScript 是以**事件驱动为核心**的一门语言。JavaScript 与 HTML 之间的交互是通过事件实现的。1、事件的三要素**事件的三要素:事件源、事件、事件驱动程序**。比如,我用手去按开关,灯亮了。这件事情里,事件源是:手。事件是:按开关。事件驱动程序...
#### js鼠标的事件onClick-----单击事件onMouseOver------鼠标经过事件onMouseOut-------鼠标移出事件onChang--------文本内容改变事件onSelect-------文本框选中事件onFocus-------光标聚集事件onBlur------移开光标事件onLoad------网页加载事件onUnload-----关闭网页事件 <!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Documen...
事件处理 客户端js程序采用异步事件驱动编程模型。在这种情况下当文档,浏览器,元素发生一些事情的时候,会产生事件。举例 当浏览器加载完文档以后会触发一个事件。该事件会有一个函数进行处理,即回调函数这种只不单单用于web界面,所有使用图形界面的应用程序都采用了这种方式。事件类型 事件分类 依赖于设备的输入事件 有些事件和特定输入设备直接相关。比如鼠标和键盘。touchmove 当触点在触控平面上时发生该事件独立于设备的...
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">3 <head>4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">5 <title>Document</title>6 <style>7 body{8 margin: 200px;9 } 10 div{ 11 width: 200px; 1...
让我万万没想到的是,原来《JavaScript高级程序设计(第3版)》里面提到的方法已经是过时的了.后来我查看了MDN,才找到了最新的方法.1. 模拟鼠标事件MDN上已经说得很清楚,尽管为了保持向后兼容MouseEvent.initMouseEvent()仍然可用,但是呢,我们应该使用MouseEvent().我们使用如下页面做测试 1 <!DOCTYPE html>2 <html>3 <head lang="zh-CN">4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-s...
一、定义事件捕获:从document到触发事件的那个节点,自上而下触发事件;事件冒泡:从触发事件节点依次向上触发事件,直到document。原声js中,绑定事件方法addEventListener(eventName,function,bool)的第三个参数控制事件触发顺序。true为捕获,false为冒泡,默认冒泡。event.stopPropagation()会阻止事件流的传播。二、实例html结构:<div id=‘parent‘><div id=‘child‘></div></div>给div绑定事件:1.冒泡过程parent.addE...