Angular2获取点击的元素ID
发布时间:2020-12-17 08:05:26 所属栏目:安全 来源:网络整理
导读:我有这样的点击事件 button (click)="toggle($event)" class="someclass" id="btn1"/button button (click)="toggle($event)" class="someclass" id="btn2"/button 我正在捕获我的函数输入参数中的事件,并想要确定按下什么按钮被点击。 toggle(event) {} 但
我有这样的点击事件
<button (click)="toggle($event)" class="someclass" id="btn1"></button> <button (click)="toggle($event)" class="someclass" id="btn2"></button> 我正在捕获我的函数输入参数中的事件,并想要确定按下什么按钮被点击。 toggle(event) { } 但事件没有id属性。 altKey: false bubbles: true button: 0 buttons: 0 cancelBubble: false cancelable: true clientX: 1198 clientY: 29 ctrlKey: false currentTarget: button#hdrbtn_notificaton.mdl-button.mdl-js-button.mdl-js-ripple-effect.mdl-button--icon defaultPrevented: false detail: 1 eventPhase: 3 fromElement: null isTrusted: true isTrusted: true layerX: -566 layerY: 5 metaKey: false movementX: 0 movementY: 0 offsetX: 22 offsetY: 13 pageX: 1198 pageY: 29 path: Array[13] relatedTarget: null returnValue: true screenX: 1797 screenY: 148 shiftKey: false sourceCapabilities: InputDeviceCapabilities srcElement: span.mdl-button__ripple-container target: span.mdl-button__ripple-container timeStamp: 1458032708743 toElement: span.mdl-button__ripple-container type: "click" view: Window webkitMovementX: 0 webkitMovementY: 0 which: 1 x: 1198 y: 29 我如何找到一个id? 更新: event.srcElement.attributes.id – 未定义 我正在使用chrome最新版本49.0.2623.87 m 可能是材料设计Lite的东西吗?因为我在使用它
如果你想访问按钮的id属性,你可以利用事件的srcElement属性:
import {Component} from 'angular2/core'; @Component({ selector: 'my-app',template: ` <button (click)="onClick($event)" id="test">Click</button> ` }) export class AppComponent { onClick(event) { var target = event.target || event.srcElement || event.currentTarget; var idAttr = target.attributes.id; var value = idAttr.nodeValue; } } 看到这个plunkr:https://plnkr.co/edit/QGdou4?p=preview。 看到这个问题: > How can I make event.srcElement work in Firefox and what does it mean? (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
- angularjs中使用ng-repeat渲染最后一个li的时候设
- docker run和docker container run之间有什么区别
- Scala Play表单验证:必需的布尔值不是必需的
- Bootstrap 按钮组与下拉按钮(Button Groups &am
- angularjs – 多个指令[myPopup,myDraggable]要求
- 算术运算符和运算命令
- JS组件Bootstrap Table使用实例分享
- BootStrap 教程 之 HTML5元素和CSS属性(02)
- twitter-bootstrap – Bootstrap css只使用glyph
- axis2 webservice入门知识(JS,Java,PHP调用实例源
热点阅读