JS事件与流

事件是用户在浏览器执行的某种动作。
一个完整的JS事件流从window开始最后window。
事件负责在javaScript和DOM之间交互。
事件流
事件流描述的是从页面中接受事件的顺序。
事件流三个阶段:
     事件捕获。
    处于目标。
    事件冒泡。
事件关键字
onload    页面完成加载
onclick    鼠标点击某个对象
ondblclick    鼠标双击某个对象
onmousedown    鼠标按键被按下
onmousemove    鼠标被移动
onmouseout    鼠标从某元素移开
onmouseover    鼠标被移到某元素之上
onmouseup    鼠标按键被松开
onblur    元素失去焦点
onchange    用户改变域的内容
onfocus    元素获得焦点
onkeydown    某个键盘的键被按下
onkeypress    键盘键被按下
onkeyup    键盘键被松开
addEventListener()   分配事件函数
removeEventListener()    删除事件函数。
document.onkeydown=function(e)   对整个页面监听
var keyNum=window.event ? e.keyCode :e.which;  获取被按下的按钮

原文地址:https://www.cnblogs.com/wjwap/p/10229935.html

时间: 2024-10-04 15:58:32

JS事件与流的相关文章

笔记-[5]-关于JS事件流!

一般的事件流中有两种:一是事件捕获 二是事件冒泡 事件冒泡的理解:何谓冒泡,当水开的时候,水珠不断地向上冒的过程.在JS中同样如此.在DOM中是一种树型的结构. 如:window document html body span 例如span标签绑定了一个onclick事件.在没有阻止冒泡事件的时候,当span发生onclick事件时,body,html,document,window同样会触发onclick事件(前提是这个几个祖先标签绑定了onlick事件),否则是看不出效果. 事件捕获很少用到

js事件流机制冒泡和捕获

JavaScript与HTML之间的交互是通过事件实现的.事件,就是文档或浏览器窗口中发生的一些特定的交互瞬间. 事件流 从页面中接收事件的顺序称为事件流. IE --> 事件冒泡流 Netscape --> 事件捕获流 查看源码:DOM2事件-捕获-冒泡 事件冒泡 IE的事件流叫做事件冒泡(event bubbling),即事件开始时由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到较为不具体的节点(文档). 我们先来个简单的例子,这是HTML结构 <!DOCTYP

js 事件流

什么是事件? 事件是文档或浏览器窗口发生的一些特定的交互瞬间, 比如 点击 双击 滚动条滑动-- 什么是事件流? 事件流指的是 从页面接收事件的顺序. 关于事件流,IE和Netscape提出了差不多相反的概念,IE提出的就是广为人知的事件冒泡流,而Netscape提出的则是事件捕获流. 事件冒泡流: 事件从目标元素(最底层元素)逐级冒泡到最外层元素(windows)                        事件开始是由最具体的元素接收,然后逐级向上级传播到较为不具体的节点  addEven

JS事件(事件冒泡和事件捕获)

事件流:描述的是在页面中接收事件的顺序 事件冒泡:由最具体的元素接收,然后逐级向上传播至最不具体的元素的节点(文档) 事件捕获:最不具体的节点先接收事件,而最具体的节点应该是最后接收事件 DOM中:用于处理指定和删除事件处理程序的操作addEventListener()和removeEventListener().他们都接收三个参数:要处理的事件名.作为事件处理程序的函数和布尔值(事件处理的时候)[true:事件捕获时;false:事件冒泡时] DOM中的事件对象: type属性 用于获取事件类

JS中的函数、Bom、DOM及JS事件

本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的声明及调用] 1.函数声明的格式: function 函数名(参数1,参数2,参数3,--){//函数体 return 结果; } >>>函数的调用格式: 直接调用:函数调用的格式:函数名(参数一的值,参数二的值,--): 事件调用:事件名=函数名( ); 2.函数声明的几点强调: ①函数名

一步步教你js原生瀑布流效果实现

一步步教你js原生瀑布流效果实现 什么是瀑布流效果 首先,让我们先看一段动画: 在动画中,我们不难发现,这个动画有以下特点: 1.所有的图片的宽度都是一样的 2.所有的图片的高度是不一样的 3.图片一张挨着一张竖直排列 4.鼠标向下滚动,一直不停的加载图片 5.浏览器的宽度改变,图片的列数会进行相应的更改 那么这种效果类似现实生活中的瀑布,所以我们叫它瀑布流的效果. Js原生瀑布流效果的实现 从上述分析中,我们可以把整个效果分为以下四个部分: html+css界面搭建 瀑布流效果 浏览器向下滚动

js事件篇

javascript和html之间的交互式通过事件来实现的,事件就是文档或浏览器窗口中发生的一些特定的交互. 事件流:描述的是从页面中接收事件的顺序. 不同的是,IE和Netscape开发团队竟然提出了差不多是完全相反的事件流概念.IE的事件流失事件流冒泡,而Netscape的事件流是事件流捕获. <div id="demo">12312<span id='demo1'>sdasd</span></div> <script>

js事件浅析

js中关于DOM的操作很多,因此js事件机制也就尤为重要. 事件绑定形式: 一. 内联形式 耦合度高,不利于维护 <button onclick="alert('你点击了这个按钮');">点击这个按钮</button> 二. 属性绑定(DOM0级事件) 只能绑定一个函数 button.onclick = function() {}; 三. 事件监听函数(DOM2级事件) element.addEventListener(<event-name>, &

[Node.js] Node.js中的流

原文地址:http://www.moye.me/2015/03/29/streaming_in_node/ 什么是流? 说到流,就涉及到一个*nix的概念:管道——在*nix中,流在Shell中被实现为可以通过 |(管道符) 进行桥接的数据,一个进程的输出(stdout)可被直接作为下一个进程的输入(stdin). 在Node中,流(Stream)的概念与之类似,代表一种数据流可供桥接的能力. pipe 流化的精髓在于 .pipe()方法.可供桥接的能力,在于数据流的两端(上游/下游 或称为 读