@HostListener 可接收的事件列表
下面有一个文档详细介绍Angular 中的事件列表:
https://github.com/angular/angular/blob/master/packages/compiler/src/schema/dom_element_schema_registry.ts#L78。 星号代表的是事件
- (no prefix): property is a string.
*
: property represents an event.!
: property is a boolean.#
: property is a number.%
: property is an object.
const SCHEMA: string[] = [ | |
'[Element]|textContent,%classList,className,id,innerHTML,*beforecopy,*beforecut,*beforepaste,*copy,*cut,*paste,*search,*selectstart,*webkitfullscreenchange,*webkitfullscreenerror,*wheel,outerHTML,#scrollLeft,#scrollTop,slot' + | |
/* added manually to avoid breaking changes */ | |
',*message,*mozfullscreenchange,*mozfullscreenerror,*mozpointerlockchange,*mozpointerlockerror,*webglcontextcreationerror,*webglcontextlost,*webglcontextrestored', | |
'[HTMLElement]^[Element]|accessKey,contentEditable,dir,!draggable,!hidden,innerText,lang,*abort,*auxclick,*blur,*cancel,*canplay,*canplaythrough,*change,*click,*close,*contextmenu,*cuechange,*dblclick,*drag,*dragend,*dragenter,*dragleave,*dragover,*dragstart,*drop,*durationchange,*emptied,*ended,*error,*focus,*gotpointercapture,*input,*invalid,*keydown,*keypress,*keyup,*load,*loadeddata,*loadedmetadata,*loadstart,*lostpointercapture,*mousedown,*mouseenter,*mouseleave,*mousemove,*mouseout,*mouseover,*mouseup,*mousewheel,*pause,*play,*playing,*pointercancel,*pointerdown,*pointerenter,*pointerleave,*pointermove,*pointerout,*pointerover,*pointerup,*progress,*ratechange,*reset,*resize,*scroll,*seeked,*seeking,*select,*show,*stalled,*submit,*suspend,*timeupdate,*toggle,*volumechange,*waiting,outerText,!spellcheck,%style,#tabIndex,title,!translate', | |
'abbr,address,article,aside,b,bdi,bdo,cite,code,dd,dfn,dt,em,figcaption,figure,footer,header,i,kbd,main,mark,nav,noscript,rb,rp,rt,rtc,ruby,s,samp,section,small,strong,sub,sup,u,var,wbr^[HTMLElement]|accessKey,contentEditable,dir,!draggable,!hidden,innerText,lang,*abort,*auxclick,*blur,*cancel,*canplay,*canplaythrough,*change,*click,*close,*contextmenu,*cuechange,*dblclick,*drag,*dragend,*dragenter,*dragleave,*dragover,*dragstart,*drop,*durationchange,*emptied,*ended,*error,*focus,*gotpointercapture,*input,*invalid,*keydown,*keypress,*keyup,*load,*loadeddata,*loadedmetadata,*loadstart,*lostpointercapture,*mousedown,*mouseenter,*mouseleave,*mousemove,*mouseout,*mouseover,*mouseup,*mousewheel,*pause,*play,*playing,*pointercancel,*pointerdown,*pointerenter,*pointerleave,*pointermove,*pointerout,*pointerover,*pointerup,*progress,*ratechange,*reset,*resize,*scroll,*seeked,*seeking,*select,*show,*stalled,*submit,*suspend,*timeupdate,*toggle,*volumechange,*waiting,outerText,!spellcheck,%style,#tabIndex,title,!translate', | |
'media^[HTMLElement]|!autoplay,!controls,%controlsList,%crossOrigin,#currentTime,!defaultMuted,#defaultPlaybackRate,!disableRemotePlayback,!loop,!muted,*encrypted,*waitingforkey,#playbackRate,preload,src,%srcObject,#volume', | |
':svg:^[HTMLElement]|*abort,*auxclick,*blur,*cancel,*canplay,*canplaythrough,*change,*click,*close,*contextmenu,*cuechange,*dblclick,*drag,*dragend,*dragenter,*dragleave,*dragover,*dragstart,*drop,*durationchange,*emptied,*ended,*error,*focus,*gotpointercapture,*input,*invalid,*keydown,*keypress,*keyup,*load,*loadeddata,*loadedmetadata,*loadstart,*lostpointercapture,*mousedown,*mouseenter,*mouseleave,*mousemove,*mouseout,*mouseover,*mouseup,*mousewheel,*pause,*play,*playing,*pointercancel,*pointerdown,*pointerenter,*pointerleave,*pointermove,*pointerout,*pointerover,*pointerup,*progress,*ratechange,*reset,*resize,*scroll,*seeked,*seeking,*select,*show,*stalled,*submit,*suspend,*timeupdate,*toggle,*volumechange,*waiting,%style,#tabIndex', | |
':svg:graphics^:svg:|', | |
':svg:animation^:svg:|*begin,*end,*repeat', | |
':svg:geometry^:svg:|', | |
':svg:componentTransferFunction^:svg:|', | |
':svg:gradient^:svg:|', | |
':svg:textContent^:svg:graphics|', | |
':svg:textPositioning^:svg:textContent|', | |
'a^[HTMLElement]|charset,coords,download,hash,host,hostname,href,hreflang,name,password,pathname,ping,port,protocol,referrerPolicy,rel,rev,search,shape,target,text,type,username', | |
'area^[HTMLElement]|alt,coords,download,hash,host,hostname,href,!noHref,password,pathname,ping,port,protocol,referrerPolicy,rel,search,shape,target,username', | |
'audio^media|', | |
'br^[HTMLElement]|clear', | |
'base^[HTMLElement]|href,target', | |
'body^[HTMLElement]|aLink,background,bgColor,link,*beforeunload,*blur,*error,*focus,*hashchange,*languagechange,*load,*message,*offline,*online,*pagehide,*pageshow,*popstate,*rejectionhandled,*resize,*scroll,*storage,*unhandledrejection,*unload,text,vLink', | |
'button^[HTMLElement]|!autofocus,!disabled,formAction,formEnctype,formMethod,!formNoValidate,formTarget,name,type,value', | |
'canvas^[HTMLElement]|#height,#width', | |
'content^[HTMLElement]|select', | |
'dl^[HTMLElement]|!compact', | |
'datalist^[HTMLElement]|', | |
'details^[HTMLElement]|!open', | |
'dialog^[HTMLElement]|!open,returnValue', | |
'dir^[HTMLElement]|!compact', | |
'div^[HTMLElement]|align', | |
'embed^[HTMLElement]|align,height,name,src,type,width', | |
'fieldset^[HTMLElement]|!disabled,name', | |
'font^[HTMLElement]|color,face,size', | |
'form^[HTMLElement]|acceptCharset,action,autocomplete,encoding,enctype,method,name,!noValidate,target', | |
'frame^[HTMLElement]|frameBorder,longDesc,marginHeight,marginWidth,name,!noResize,scrolling,src', | |
'frameset^[HTMLElement]|cols,*beforeunload,*blur,*error,*focus,*hashchange,*languagechange,*load,*message,*offline,*online,*pagehide,*pageshow,*popstate,*rejectionhandled,*resize,*scroll,*storage,*unhandledrejection,*unload,rows', | |
'hr^[HTMLElement]|align,color,!noShade,size,width', | |
'head^[HTMLElement]|', | |
'h1,h2,h3,h4,h5,h6^[HTMLElement]|align', | |
'html^[HTMLElement]|version', | |
'iframe^[HTMLElement]|align,!allowFullscreen,frameBorder,height,longDesc,marginHeight,marginWidth,name,referrerPolicy,%sandbox,scrolling,src,srcdoc,width', | |
'img^[HTMLElement]|align,alt,border,%crossOrigin,#height,#hspace,!isMap,longDesc,lowsrc,name,referrerPolicy,sizes,src,srcset,useMap,#vspace,#width', | |
'input^[HTMLElement]|accept,align,alt,autocapitalize,autocomplete,!autofocus,!checked,!defaultChecked,defaultValue,dirName,!disabled,%files,formAction,formEnctype,formMethod,!formNoValidate,formTarget,#height,!incremental,!indeterminate,max,#maxLength,min,#minLength,!multiple,name,pattern,placeholder,!readOnly,!required,selectionDirection,#selectionEnd,#selectionStart,#size,src,step,type,useMap,value,%valueAsDate,#valueAsNumber,#width', | |
'li^[HTMLElement]|type,#value', | |
'label^[HTMLElement]|htmlFor', | |
'legend^[HTMLElement]|align', | |
'link^[HTMLElement]|as,charset,%crossOrigin,!disabled,href,hreflang,integrity,media,referrerPolicy,rel,%relList,rev,%sizes,target,type', | |
'map^[HTMLElement]|name', | |
'marquee^[HTMLElement]|behavior,bgColor,direction,height,#hspace,#loop,#scrollAmount,#scrollDelay,!trueSpeed,#vspace,width', | |
'menu^[HTMLElement]|!compact', | |
'meta^[HTMLElement]|content,httpEquiv,name,scheme', | |
'meter^[HTMLElement]|#high,#low,#max,#min,#optimum,#value', | |
'ins,del^[HTMLElement]|cite,dateTime', | |
'ol^[HTMLElement]|!compact,!reversed,#start,type', | |
'object^[HTMLElement]|align,archive,border,code,codeBase,codeType,data,!declare,height,#hspace,name,standby,type,useMap,#vspace,width', | |
'optgroup^[HTMLElement]|!disabled,label', | |
'option^[HTMLElement]|!defaultSelected,!disabled,label,!selected,text,value', | |
'output^[HTMLElement]|defaultValue,%htmlFor,name,value', | |
'p^[HTMLElement]|align', | |
'param^[HTMLElement]|name,type,value,valueType', | |
'picture^[HTMLElement]|', | |
'pre^[HTMLElement]|#width', | |
'progress^[HTMLElement]|#max,#value', | |
'q,blockquote,cite^[HTMLElement]|', | |
'script^[HTMLElement]|!async,charset,%crossOrigin,!defer,event,htmlFor,integrity,src,text,type', | |
'select^[HTMLElement]|!autofocus,!disabled,#length,!multiple,name,!required,#selectedIndex,#size,value', | |
'shadow^[HTMLElement]|', | |
'slot^[HTMLElement]|name', | |
'source^[HTMLElement]|media,sizes,src,srcset,type', | |
'span^[HTMLElement]|', | |
'style^[HTMLElement]|!disabled,media,type', | |
'caption^[HTMLElement]|align', | |
'th,td^[HTMLElement]|abbr,align,axis,bgColor,ch,chOff,#colSpan,headers,height,!noWrap,#rowSpan,scope,vAlign,width', | |
'col,colgroup^[HTMLElement]|align,ch,chOff,#span,vAlign,width', | |
'table^[HTMLElement]|align,bgColor,border,%caption,cellPadding,cellSpacing,frame,rules,summary,%tFoot,%tHead,width', | |
'tr^[HTMLElement]|align,bgColor,ch,chOff,vAlign', | |
'tfoot,thead,tbody^[HTMLElement]|align,ch,chOff,vAlign', | |
'template^[HTMLElement]|', | |
'textarea^[HTMLElement]|autocapitalize,!autofocus,#cols,defaultValue,dirName,!disabled,#maxLength,#minLength,name,placeholder,!readOnly,!required,#rows,selectionDirection,#selectionEnd,#selectionStart,value,wrap', | |
'title^[HTMLElement]|text', | |
'track^[HTMLElement]|!default,kind,label,src,srclang', | |
'ul^[HTMLElement]|!compact,type', | |
'unknown^[HTMLElement]|', | |
'video^media|#height,poster,#width', | |
':svg:a^:svg:graphics|', | |
':svg:animate^:svg:animation|', | |
':svg:animateMotion^:svg:animation|', | |
':svg:animateTransform^:svg:animation|', | |
':svg:circle^:svg:geometry|', | |
':svg:clipPath^:svg:graphics|', | |
':svg:defs^:svg:graphics|', | |
':svg:desc^:svg:|', | |
':svg:discard^:svg:|', | |
':svg:ellipse^:svg:geometry|', | |
':svg:feBlend^:svg:|', | |
':svg:feColorMatrix^:svg:|', | |
':svg:feComponentTransfer^:svg:|', | |
':svg:feComposite^:svg:|', | |
':svg:feConvolveMatrix^:svg:|', | |
':svg:feDiffuseLighting^:svg:|', | |
':svg:feDisplacementMap^:svg:|', | |
':svg:feDistantLight^:svg:|', | |
':svg:feDropShadow^:svg:|', | |
':svg:feFlood^:svg:|', | |
':svg:feFuncA^:svg:componentTransferFunction|', | |
':svg:feFuncB^:svg:componentTransferFunction|', | |
':svg:feFuncG^:svg:componentTransferFunction|', | |
':svg:feFuncR^:svg:componentTransferFunction|', | |
':svg:feGaussianBlur^:svg:|', | |
':svg:feImage^:svg:|', | |
':svg:feMerge^:svg:|', | |
':svg:feMergeNode^:svg:|', | |
':svg:feMorphology^:svg:|', | |
':svg:feOffset^:svg:|', | |
':svg:fePointLight^:svg:|', | |
':svg:feSpecularLighting^:svg:|', | |
':svg:feSpotLight^:svg:|', | |
':svg:feTile^:svg:|', | |
':svg:feTurbulence^:svg:|', | |
':svg:filter^:svg:|', | |
':svg:foreignObject^:svg:graphics|', | |
':svg:g^:svg:graphics|', | |
':svg:image^:svg:graphics|', | |
':svg:line^:svg:geometry|', | |
':svg:linearGradient^:svg:gradient|', | |
':svg:mpath^:svg:|', | |
':svg:marker^:svg:|', | |
':svg:mask^:svg:|', | |
':svg:metadata^:svg:|', | |
':svg:path^:svg:geometry|', | |
':svg:pattern^:svg:|', | |
':svg:polygon^:svg:geometry|', | |
':svg:polyline^:svg:geometry|', | |
':svg:radialGradient^:svg:gradient|', | |
':svg:rect^:svg:geometry|', | |
':svg:svg^:svg:graphics|#currentScale,#zoomAndPan', | |
':svg:script^:svg:|type', | |
':svg:set^:svg:animation|', | |
':svg:stop^:svg:|', | |
':svg:style^:svg:|!disabled,media,title,type', | |
':svg:switch^:svg:graphics|', | |
':svg:symbol^:svg:|', | |
':svg:tspan^:svg:textPositioning|', | |
':svg:text^:svg:textPositioning|', | |
':svg:textPath^:svg:textContent|', | |
':svg:title^:svg:|', | |
':svg:use^:svg:graphics|', | |
':svg:view^:svg:|#zoomAndPan', | |
'data^[HTMLElement]|value', | |
'keygen^[HTMLElement]|!autofocus,challenge,!disabled,form,keytype,name', | |
'menuitem^[HTMLElement]|type,label,icon,!disabled,!checked,radiogroup,!default', | |
'summary^[HTMLElement]|', | |
'time^[HTMLElement]|dateTime', | |
':svg:cursor^:svg:|', | |
]; |
转载于:https://www.cnblogs.com/juliazhang/p/10297811.html
@HostListener 可接收的事件列表相关推荐
- javascript事件列表解说
javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...
- javascript事件列表解说(转载)
javascript事件列表解说 事件 浏览器支持 解说 一般事件 onclick IE3.N2 鼠标点击时触发此事件 ondblclick IE4.N4 鼠标双击时触发此事件 onmousedown ...
- asp.net常规页生命周期阶段列表和事件列表
当我们使用asp.net开发网站,每运行一个页面,这个页面都将经历一个生命周期.了解页的生命周期非常重要,因为这样我们才能在合适的生命周期编写代码实现预期效果.网上有一句话概括非常精辟:"D ...
- 如何给UI上可以接收focus事件的element动态注册onfocus处理函数
三大步骤: (1) 使用document.getElementById拿到待接收focus事件的ui元素: var button = document.getElementById('jerry'); ...
- oracle诊断,Oracle 诊断事件列表
Oracle 诊断事件列表 (2013-03-26 18:05:26) 标签: oracle 诊断事件 it ORA-10000: controlfile debug event, name 'con ...
- vs2005的webbrowser控件如何接收鼠标事件
这个问题来自论坛提问,vs2005的webbrowser控件如何接收鼠标事件,很多事情其实自己动动脑子就有办法的.主要是3步,给dom对象插入js脚本去响应鼠标-〉通过url跳转去通知webbrows ...
- 解决Qt graphis-view框架中,上层图元接收hover事件导致底层图元接收不到的问题
问题重现 两个图元,一个在上面,名为item_up,一个在下面,名为item_below. 当item_up->setAcceptHoverEvents(true)时,item_up可以接收到鼠 ...
- 微信公众号三方平台开发【代微信公众号接收消息事件并响应】
今天要讲的是代微信公众号接收消息并进行回复,这里要用到的就是咱们之前在微信公众号三方平台开发[帐号注册.平台创建]里写到的"公众号消息与事件接收URL",在接收的目标方法里,我们首 ...
- 纪录大华的智能回调需要用到的事件列表
因工作需要对大华的摄像头进行二次开发.用python进行开发的资料网上太少了.SDK里有dll就用ctypes调用.资料不够所以比较麻烦.网上就只有几个事件列表,分别是 class Alarm(Enu ...
最新文章
- 智源发布 | 大规模并行训练效率提升神器 TDS
- JavaScript原型链以及Object,Function之间的关系
- 让批处理文件(.bat)程序无窗口(隐藏/静默)运行
- MacOS中Nginx的安装「借助Homebrew」
- Shell 计算两个数的加减乘除取余(+、-、*、\、/)
- K线理论--单根K线形态
- View绘制详解(三),扒一扒View的测量过程
- 使用DocFx生成文档网站并将其发布到GitHub Pages
- python基础知识——函数(中)
- 12.逻辑运算符与、或、非、双感叹号、双问号
- 吞食天地2重制版巫妖王panny版存档_11年前的冷饭—Nintendo 任天堂 Switch《宵星传奇 重制版》评测...
- (web前端每日一练)用JS制作一个能够在桌面运行的倒计时插件
- GCC中的编译选项“-I”(大写i),“-L”(大写l),“-l”(小写l)等参数
- 恢复Surface Pro 高级电源设置里各类配置项提高外接电源模式下的性能(外接电源莫名很卡,拔掉电源又正常,实则被降频)
- 这年头,当帅哥不容易呀!!
- 最活跃FPGA论坛推荐社区
- ISO22000食品安全体系认证流程
- 论文阅读(3):Image-Based 3D Object Reconstruction:State-of-the-Art and Trends in the Deep Learning Era
- QQ和微信止步不前,意味着即时通讯社交应用创业的第2春已来?
- 华为陈黎芳:已在全球获得50多个5G商业合同
热门文章
- 对象检测工具包mmdetection简介、安装及测试代码
- matlab外部接口简介
- opencv实现二值图像细化的算法
- mpi并行 java_【并行计算】用MPI进行分布式内存编程(一)
- python脚本 数据库压力测试_python-网站压力测试脚本
- opengl正方形绕点旋转_一题十五种解法够不够? 旋转,构造,四点共圆乐不停...
- python 设计模式 观察者_python设计模式之观察者模式
- def __init__(self)是什么意思_子类必须调用 super().__init__() 吗?
- bootstrap 两个轮播图冲突_Bootstrap的轮播图样式
- MySQL留言板怎么创建_如何使用JSP+MySQL创建留言本(三)