//直接跳转
window.location.href="b.html";
//返回上一级页面
window.history.back(-1);
//返回下一级页面
window.history.go(-1); jq监听后退事件<script type="text/javascript">$(document).ready(function(e) { var counter = 0;if (window.history && window.history.pushState) {$(window).on(‘popstate‘, function () {window.history.pushState(‘forward‘, null, ‘#‘);window.history.forward(1);window.location.h...
事件捕获:事件从根节点开始,逐级到子节点,若节点绑定了事件动作,则执行动作,继续往下走。事件冒泡:事件由子节点向跟节点派送,若节点绑定了事件动作,则执行动作,然后继续往上走。 一、怎么绑定事件和移除事件?由于IE浏览器不支持事件捕获,只支持事件冒泡。因此,其他遵循标准的浏览器都使用W3C定义的函数绑定和移除,IE浏览器则自有一套执行规则。下面分别总结一下W3C和IE的绑定机制:1、W3C下的事件绑定添加事件 — add...
input的blur事件$("#input-name").blur(function () {var value = $(this).val();if (value === ‘‘) {return;}if (/^[\u4e00-\u9fa5]{1,3}$/.test(value)) {$(this).removeClass("error-class");} else {$(this).addClass("error-class");}});keyup事件$(document).on(‘keyup‘, ‘.error-class‘, function (event) {// Avoid revalidate the field when pressing one of the following keys// Shift => 16// Ctrl ...
细数那些事件类型UI事件焦点事件鼠标与滚轮事件键盘与文本事件复合事件变动事件HTML5事件设备事件触摸和手势事件UI事件常见的有 load unload abort error select resize scroll
焦点事件blur 不会冒泡
focus 不会冒泡
focusin 冒泡
focusout
鼠标与滚轮事件click : 点击
dblclick: 双击
mousedown: 鼠标按下
mouseenter: 鼠标光标进入元素区域
mouseleave: 鼠标光标移出元素区域, 当前元素触发
mousemove: 鼠标在元素内部移动
m...
转载的:转自阮一峰的博客:http://www.ruanyifeng.com/blog/2012/12/asynchronous%EF%BC%BFjavascript.html一、回调函数这是异步编程最基本的方法。假定有两个函数f1和f2,后者等待前者的执行结果。 f1(); f2();如果f1是一个很耗时的任务,可以考虑改写f1,把f2写成f1的回调函数。 function f1(callback){ setTimeout(function () { // f1的任务代码 callback(); }, 1000); }执行...
终于学到事件了,不知道为何听到“事件”就有一种莫名的兴奋。可能是之前的那些知识点过于枯燥无味吧,说起事件感觉顿时高大上了。今天我们就来好好分析下这个高大上的东西。可以说,如果没有事件我们的页面就只能阅读了。有了事件,我们可以通过键盘或是鼠标和页面交互了,通过我们不同的操作页面给出不同的响应。好了,开始我们今天的分析吧。DOM0级事件处理方式什么是DOM0级?其实世上本来没有DOM0级,叫的人多了就有了DOM0级。...
一、为什么需要事件监听?我们可不可以为同一对象的同一事件绑定多个事件处理程序呢?通过行内绑定和动态绑定是不可以的,但是可以通过事件监听来实现。window.onload = function() {// 动态绑定document.getElementById(‘btn‘).onclick = function() {alert(‘first‘);}// 动态绑定document.getElementById(‘btn‘).onclick = function() {alert(‘second‘);}
}<input type="button" value="点击" id="btn">二、如何实现事件...
事件是电脑输入设备与页面交互的响应。onload加载完成事件:onload事件 是在页面被浏览器加载完成之后。自动触发的响应
onclick单击事件
onblur失去焦点事件
onchange内容发生改变事件 经常用于select下拉列表选中后的内容发生改变时候触发
onsubmit表单提交事件 经常用来在表单提交的时候验证所有表单项是否合法。
事件的注册又分为静态注册和动态注册两种静态注册事件:在标签上使用事件属性赋值的形式 给这个标签的事件响...
1.ajaxStart(全局事件)2.beforeSend3.ajaxSend(全局事件)4.success5.ajaxSuccess(全局事件)6.error7.ajaxError (全局事件)8.complete9.ajaxComplete(全局事件)10.ajaxStop(全局事件)原文:http://www.cnblogs.com/shocker/p/5659634.html
事件监听var son = document.querySelector(".son");son.addEventListener(‘click‘, once1);function once1() {alert(1)}son.addEventListener(‘click‘, once2);function once2() {alert(2)}原文:https://www.cnblogs.com/EternalZH/p/10395051.html
一、事件流 1.事件流:描述的是在页面中接受事件的顺序 2.事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) 3.事件捕获:最不具体的节点先接收事件,而最具体的节点应该最后接收事件二、事件处理 1.HTML事件处理:直接添加到HTML结构中 2.DOM0级事件处理:把一个函数赋值给一个事件处理程序属性 3.DOM2级事件处理: addEventListener("事件名","事件处理函数",布尔值) ...
一.JavaScript的组成 JavaScript基础分为三个部分: ECMAscript:JavaScript的标准语法.包括变量,表达式,运算符,函数,if语句,for语句等. DOM:文档对象模型,操作网页上的元素和API.比如让盒子移动,变色,轮播图等. BOM:浏览器对象模型,操作浏览器部分功能的API.比如让浏览器自动滚动.二.事件 js是以事件驱动为核心的一门语言三.事件的三要素 事件的三要素是:事件源,事件,事件驱动程序 比如,我用手去安...
要自己写一个自定义滚动条加上滚轮事件,之前的没有滚轮事件不完整,今天整理了一个。1.滚轮事件是不兼容的,firefox中是必需要用事件绑定的添加,用的DOMMouseScroll,当滚动鼠标的时候,只要鼠标滚动的方法就行了,而这通过检测datail的正负号就可以确定2.其他的用mousewheel(Ie是onmousewheel),通过检测wheelDelta 1 <!doctype html>2 <html>3 <head>4 <title>拖拽-加滚轮</title>5 <style>6 .main{ width: 300...
Event 对象Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。事件通常与函数结合使用,函数不会在事件发生前被执行!本文用于记录个人学习过程中的两个小练习,其中包括事件对象的一些用法和问题的解决以及兼容性问题获取鼠标指针坐标div跟随鼠标移动练习1 获取鼠标指针坐标两个div,当鼠标在上面的div#areaDiv移动时,在下面的div#showMsg中显示鼠标指针坐标<!DOCTYPE html>
<h...
事件处理程序事件处理程序即响应某个事件的函数事件处理程序以 “on” 开头如“onclick”,“onload” HTML事件处理程序某个元素支持的每种事件都可以使用一个与响应的事件处理程序同名的HTML特性来指定这个特性的值应该是能够执行的script代码如:<input type="button" value="click me" onclick="alert(‘clicked‘)"/>此外也可以直接调用在文档其它部分定义的函数作为事件处理程序所执行的代码如:<input type="button" value="...