#事件驱动

深入学习jQuery事件绑定

  javascript有HTML、DOM0级、DOM2级和IE这四种事件处理程序,而jQuery对这四种事件处理程序进行了兼容处理,以更简单的方式就可以实现事件绑定。本文将详细介绍jQuery事件绑定 bind()  bind()方法为一个元素绑定事件处理程序,有以下3种使用方法bind(eventType...

深入理解DOM事件类型系列第五篇——文本事件

  如果DOM结构发生变化,触发的是变动事件;如果文本框中的文本发生变化,触发的是文本事件  HTML5为input控件新增了很多type属性,大大增加了input控件的应用场景。其中一个是type="range"的input控件,可以通过拖动游标改变value值,但并不是所有浏览器都可以实时显示,除了IE10+浏览器...

深入理解DOM事件类型系列第四篇——剪贴板事件

  剪贴板操作看起来不起眼,但却十分有用,可以增强用户体验,方便用户操作。本文将详细介绍剪贴板事件 定义  剪贴板操作包括剪切(cut)、复制(copy)和粘贴(paste)这三个操作,快捷键分别是ctrl+x、ctrl+c、ctrl+v。当然也可以使用鼠标右键菜单进行操作  关于这3个操作共对应下列6个剪贴...

深入理解DOM事件机制系列第四篇——事件模拟

  事件是网页中某个特别的瞬间,经常由用户操作或通过其他浏览器功能来触发。但实际上,也可以使用javascript在任意时刻来触发特定的事件,而此时的事件就如同浏览器创建的事件一样。本文将详细介绍事件模拟 引入  以下面的实际需求为例,来详细说明事件模拟的使用。按钮一的点击效果是弹出1。而我们通过新增按钮二来...

深入理解DOM事件类型系列第三篇——变动事件

  变动(mutation)事件能在DOM中的某一部分发生变化时给出提示,这类事件非常有用,但都只能使用DOM2级事件处理程序,且由于浏览器兼容性不好,所以用的不广泛 删除节点  删除节点时,涉及到DOMNodeRemoved、DOMNodeRemovedFromDocument和DOMSubtreeModi...

深入理解DOM事件类型系列第二篇——键盘事件

  鼠标和键盘是电脑端主要的输入设备,上篇介绍了鼠标事件,本文将详细介绍键盘事件 类型  键盘事件用来描述键盘行为,主要有keydown、keypress、keyup三个事件keydown  当用户按下键盘上的任意键时触发,如果按住不放的话,会重复触发该事件<divid="test"style="hei...

深入理解DOM事件类型系列第一篇——鼠标事件

  鼠标事件是web开发中最常用的一类事件,毕竟鼠标是最主要的定位设备。本文将详细介绍鼠标事件的内容 类型  鼠标事件共10类,包括click、contextmenu、dblclick、mousedown、mouseup、mousemove、mouseover、mouseout、mouseenter和mous...

深入理解DOM事件机制系列第三篇——事件对象

  在触发DOM上的某个事件时,会产生一个事件对象event,这个对象中包含着所有与事件有关的信息。所有浏览器都支持event对象,但支持方式不同。本文将详细介绍事件对象 获取事件对象  【1】一般地,event对象是事件程序的第一个参数  [注意]IE8-浏览器不支持//IE8-浏览器输出undefined...

深入理解DOM事件机制系列第二篇——事件处理程序

  事件处理程序又叫事件侦听器,实际上就是事件的绑定函数。事件发生时会执行函数中相应代码。事件处理程序有HTML事件处理程序、DOM0级事件处理程序、DOM2级事件处理程序和IE事件处理程序四类,下面将详细介绍该部分内容 HTML事件处理程序  某个元素支持的每种事件,都可以使用一个与相应事件处理程序同名的H...

深入理解DOM事件机制系列第一篇——事件流

  javascript操作CSS称为脚本化CSS,而javascript与HTML的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间,而事件流(又叫事件传播)描述的是从页面中接收事件的顺序。本文将详细介绍该部分的内容 历史  当浏览器发展到第四代时(IE4及Netscape4),浏览...

nodeJS之事件events

  events模块是node的核心模块,几乎所有常用的node模块都继承了events模块,比如http、fs等。本文将详细介绍nodeJS中的事件机制 EventEmitter  多数Node.js核心API都是采用惯用的异步事件驱动架构,其中某些类型的对象(称为触发器)会周期性地触发命名事件来调用函数对...
代码星球 ·2020-05-24

深入理解javascript中的事件循环event-loop

  本文将详细介绍javascript中的事件循环event-loop 线程  javascript是单线程的语言,也就是说,同一个时间只能做一件事。而这个单线程的特性,与它的用途有关,作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同...

移动web开发之touch事件

  iOS版Safari为了向开发人员传达一些特殊信息,新增了一些专有事件。因为iOS设备既没有鼠标也没有键盘,所以在为移动Safari开发交互性网页时,常规的鼠标和键盘事件根本不够用。随着Android中的WebKit的加入,很多这样的专有事件变成了事实标准,导致W3C开始制定TouchEvents规范。本文将详细介...

Vue自定义事件

  父组件使用props传递数据给子组件,子组件怎么跟父组件通信呢?这时,Vue的自定义事件就派上用场了。本文将详细介绍Vue自定义事件 事件绑定  每个Vue实例都实现了事件接口(Eventsinterface),即使用$on(eventName)监听事件使用$emit(eventName)触发事件  [注...
代码星球 ·2020-05-24

Vue事件处理

  Vue事件监听的方式貌似违背了关注点分离(separationofconcern)的传统理念。实际上,所有的Vue.js事件处理方法和表达式都严格绑定在当前视图的ViewModel上,它不会导致维护上的困难。使用v-on有以下好处:  1、扫一眼HTML模板便能轻松定位在JS代码里对应的方法  2、无须在JS里手动...
代码星球 ·2020-05-24
首页上一页...4546474849...下一页尾页