雅加达一处公馆发生枪击,事件类型

  ​依据澳大圣Pedro苏拉(Australia)媒体3日风靡广播发表,雅加达东西部一处公馆发生枪击事件,造成3位过逝,一位受伤。近期警方现已抵达现场,但事件原委不详。(报社记者王聪)

本节介绍各类大规模的浏览器事件。

原生js–事件类型

 

① 、表单事件:

submit事件

reset事件

click事件

change事件

focus事件(不冒泡) (IE和ES5支撑冒泡的focusin)

blur事件(不冒泡) (IE和ES5支撑冒泡的focusout)

input事件(ES5 textinput提供更有利的获得输入文字的方案)

 

2、Window事件

load事件

DOMContentLoaded事件

readyStatechage事件

unload事件

beforeunload事件

resize事件

雅加达一处公馆发生枪击,事件类型。scroll事件

 

③ 、鼠标事件

click事件

雅加达一处公馆发生枪击,事件类型。dbclick事件

mouseover事件(冒泡)

mouseout事件(冒泡)

mousedown事件

mouseup事件

contextmenu事件

mouseenter事件(不冒泡)

mouseleave事件(不冒泡)

mousewheel事件(FF DOMMouseScroll事件、DOM3 wheel事件)

 

④ 、键盘事件

keydown事件

keyup事件

必发88官网 ,keypress事件

 

① 、表单事件:

submit事件

reset事件

click事件

change事件

focus事件(不冒泡) (IE和ES5支撑冒泡的focusin)

blur事件(不冒泡) (IE和ES5支撑冒泡的focusout)

input事件(ES5 textinput提供更有利于的获取输入文字的方案)

 

2、Window事件

load事件

DOMContentLoaded事件

readyStatechage事件

unload事件

beforeunload事件

resize事件

scroll事件

 

三 、鼠标事件

click事件

dbclick事件

mouseover事件(冒泡)

mouseout事件(冒泡)

mousedown事件

mouseup事件

contextmenu事件

mouseenter事件(不冒泡)

mouseleave事件(不冒泡)

mousewheel事件(FF DOMMouseScroll事件、DOM3 wheel事件)

 

④ 、键盘事件

keydown事件

keyup事件

keypress事件

一 、鼠标事件


鼠标事件指与鼠标相关的事件,重要有以下一些。

1.1、click事件,dblclick事件

当用户在Element节点,document节点,window对象上单击鼠标(或按下回车键)时,click事件触发。

“鼠标单击”定义为,用户在一如既往任务达成二回mousedown动作和mouseup动作。它们的触发顺序是:mousedown第1接触,mouseup紧接着触发,click说到底触发。

上面是2个设置click事件监听函数的事例。

div.addEventListener("click", function( event ) {
  // 显示在该节点,鼠标连续点击的次数
  event.target.innerHTML = "click count: " + event.detail;
}, false);

dblclick事件当用户在element、document、window对象上,双击鼠标时触发。该事件在mousedownmouseupclick尔后触发。

1.2、mouseup事件,mousedown事件,mousemove事件

mousedown事件在按下鼠标键时接触。
mouseup事件在假释按下的鼠标键时触发。
mousemove事件当鼠标在二个节点内部移动时接触。当鼠标持续运动时,该事件会三番五次触发。为了幸免质量难点,建议对该事件的监听函数做一些范围,比如限制一段时间内只可以运转一遍代码。

1.3、mouseover事件,mouseenter事件

mouseover事件和mouseenter事件,都以鼠标进入3个节点时接触。

互相的区分是,mouseenter事件只触发2回,而只要鼠标在节点内部移动,mouseover事件会在子节点上接触数次。

// HTML代码为
// <ul id="test">
//   <li>item 1</li>
//   <li>item 2</li>
//   <li>item 3</li>
// </ul>

var test = document.getElementById('test');

// 进入test节点以后,该事件只会触发一次
// event.target 是 ul 节点
test.addEventListener('mouseenter', function (event) {
  event.target.style.color = 'purple';
  setTimeout(function () {
    event.target.style.color = '';
  }, 500);
}, false);

// 进入test节点以后,只要在子Element节点上移动,该事件会触发多次
// event.target 是 li 节点
test.addEventListener('mouseover', function (event) {
  event.target.style.color = 'orange';
  setTimeout(function () {
    event.target.style.color = '';
  }, 500);
}, false);

1.4、mouseout事件,mouseleave事件

mouseout事件和mouseleave事件,都是鼠标离开3个节点时接触。

四头的差别是,mouseout事件会冒泡,mouseleave事件不会。子节点的mouseout事件会冒泡到父节点,进而触发父节点的mouseout事件。mouseleave事件就一贯不这种意义,所以离开子节点时,不会触发父节点的监听函数。

1.5、contextmenu事件

contextmenu事件在3个节点上点击鼠标右键时接触,恐怕按下“上下文菜单”键时触发。

二、MouseEvent对象


2.1、概述

2.1、概述

2.1、概述

2.1、概述

2.1、概述

三、wheel事件


wheel事件是与鼠标滚轮相关的风云,方今只有贰个wheel事件。用户滚动鼠标的滚轮,就接触那几个事件。

该事件除了三番伍遍了Mouse伊夫nt、UI伊夫nt、伊芙nt的属性,还有多少个温馨的品质。

  • deltaX:重临2个数值,表示滚轮的程度滚动量。
  • deltaY:再次回到三个数值,表示滚轮的垂直滚动量。
  • deltaZ:再次回到3个数值,表示滚轮的Z轴滚动量。
  • deltaMode:重临三个数值,表示滚动的单位,适用于地方多个本性。0表示像素,1象征行,2象征页。

浏览器提供3个Wheel伊芙nt构造函数,能够用来扭转滚轮事件的实例。它接受多少个参数,第贰个是事件名称,第四个是安顿对象。

var  syntheticEvent = new WheelEvent("syntheticWheel",  {"deltaX": 4, "deltaMode": 0});

肆 、键盘事件


五 、进程事件


6、拖拉事件


柒 、触摸事件


触摸API由七个对象组成。

Touch
TouchList
TouchEvent

八 、表单事件


8.1、Input事件,select事件,change事件

以下事件与表单成员的值变化有关。
(1)、input事件
input事件当<input>、<textarea>的值产生变化时会触发。别的,打开contenteditable属性的成分,只要值产生变化,也会触发input事件。

input事件的贰个特色,正是会接连触发,比如用户没次按下三回按键,就会触发二回input事件。

(2)、select事件
select事件当在<input>、<textarea>中选汉语本时触发。

(3)、Change事件
Change事件当<input>、<select>、<textarea>的值爆发变化时接触。它与input事件的最大区别,正是不会延续触发,只有当整个修改达成时才会接触,而且input事件必然会抓住Change事件。

8.2、reset事件,submit事件

以下事件时有产生在表单对象上,而不是爆发在表单的成员上。
(1)、reset事件
reset事件当表单重置(全数表单成员变回暗中认可值)时接触。

(2)、submit事件
submit事件当表单数据向服务器交由时接触。注意,submit事件的发生对象是form成分,而不是button元素(就算它的体系是submit),因为提交的是表单,而不是按钮。

⑨ 、文书档案事件


9.1、beforeunload事件,unload事件,load事件,error事件,pageshow事件,pagehide事件

以下事件与网页的加载与卸载相关。
(1)、beforeunload事件

(2)、unload事件

(3)、load事件,error事件

(4)、pageshow事件,pagehide事件

9.2、DOMContentLoaded事件,readystatechange事件

以下事件与文书档案状态相关。

(1)、DOMContentLoaded事件

(2)、readystatechange事件

9.3、scroll事件,resize事件

以下事件与窗口行为有关。
(1)、scroll事件
scroll事件在文书档案或文书档案成分滚动时接触,重要出现在用户拖动滚动条。

window.addEventListener('scroll', callback);

是因为该事件会接连地质大学方接触,所以它的监听函数之中不应有有丰硕开支计算的操作。推荐的做法是采纳requestAnimationFrame或set提姆eout控制该事件的触发频率,然后能够组合custom伊夫nt抛出二个新事件。

(2)、resize事件
resize事件在变更浏览器窗口大小时触发,发生在window、body、frameset对象方面。

该事件也会一而再地大方触及,所以最接近下面的scroll事件相同,通过throttle函数控制事件触发频率。

9.4、hashchange事件,popstate事件

以下事件与文书档案的UHavalL变化有关。
(1)、hashchange事件

(2)、popstate事件

9.5、cut事件,copy事件,paste事件

以下七个事件属于文本操作触发的事件。

  • cut事件:在将入选的内容从文书档案中移除,出席剪贴板后触发。
  • copy事件:在当选的剧情参预剪贴板后触发。
  • paste事件:在剪贴板内容被粘贴到文档后触发。

9.⑥ 、大旨事件

以下事件与文书档案的U瑞虎L变化有关。
(1)、hashchange事件

(2)、popstate事件

You can leave a response, or trackback from your own site.

Leave a Reply

网站地图xml地图