JavaScript实现按键精灵的原理分析(4)

在touchstart中:列出在此次事件中新增加的触点。如果同时放下一根或两根手指,那么将与touches相同,但如果先放一根,在放第二根,那就会不同。

在touchmove中:列出和上一次事件相比较,发生了变化的触点。

在touchend中:列出离开触摸平面的触点(这些触点对应已经不接触触摸平面的手指)。

 
ctrlKey   可选   false   Boolean   按下了Ctrl键  
shiftKey   可选   false   Boolean   按下了Shift键  
altKey   可选   false   Boolean   按下了Alt键  
metaKey   可选   false   Boolean   按下了Meta键  

三、焦点事件FocusEvent

FocusEvent接口表示和焦点相关的事件比如 focus, blur, focusin, 和 focusout。

on(document.getElementById('txt'), 'focus', function(e) { //console.log(e); console.log('focus timestamp:' + e.timeStamp); }); /** * FocusEvent * 包括事件 focus, blur, focusin, focusout */ function focus() { var event = new FocusEvent('focus', { view: window }); document.getElementById('txt').dispatchEvent(event); } focus();

1)FocusEvent

语法如下:

focusEventInit:


 

属性

选项   默认   类型   描述
  relatedTarget   可选   null   EventTarget   辅助FocusEvent目标

源码查看:

以上所述是小编给大家介绍的JavaScript实现按键精灵的原理分析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwzsww.html