Javascript angular2中$event.target有時(shí)獲取的是當(dāng)前元素的子元素，這種問題該怎么避免呢
3 回答
aluckdog
TA貢獻(xiàn)1847條經(jīng)驗(yàn) 獲得超7個(gè)贊
這就是事件冒泡，當(dāng)一個(gè)元素觸發(fā)事件后，會(huì)逐層上報(bào)給父元素、祖父元素……乃至document，也就是說這些元素都會(huì)同時(shí)觸發(fā)事件。這種情況下，event.target就是指最初觸發(fā)事件的那個(gè)子元素（就比如你題目中的img），而event.currentTarget才是被冒泡后觸發(fā)事件的當(dāng)前元素（比如li）。這也就意味著，當(dāng)你點(diǎn)擊li時(shí)，如果點(diǎn)到的是子元素img，則event.target就是img，而event.currentTarget則是li，而當(dāng)你點(diǎn)到的是li里面除img之外的其他部分時(shí)，event.target和event.currentTarget都是li
所以，現(xiàn)在你知道該怎么做啦？就是不要使用event.target，改用event.currentTarget
慕尼黑5688855
TA貢獻(xiàn)1848條經(jīng)驗(yàn) 獲得超2個(gè)贊
ServiceContract(NameSpace="UserInfo")]
public interface IUser
{
[OperationContract]
[WebInvoke(UriTemplate="/AddUser",Method="POST",ResponseFormat=WebMessageFormat.Json,RequestFormat=WebMessageFormat.Json,BodyStyle=WebMessageBodyStyle.WrappedRequest)]
森欄
TA貢獻(xiàn)1810條經(jīng)驗(yàn) 獲得超5個(gè)贊
只需要在函數(shù)參數(shù)中傳入$event參數(shù)，在函數(shù)中使用$event.target就可以獲取到了。
具體方法：
[javascript] view plain copy
<input class="unchecked" type="checkbox" ng-model="item.isCustOmized" ng-click="switchCheckBox($event, item.isCustOmized)" />
[javascript] view plain copy
$scope.switchCheckBox = function($event, value) {
// console.log(value)
if (value) {
$($event.target).addClass("checked");
} else {
$($event.target).removeClass("checked");
}
}
- 3 回答
- 0 關(guān)注
- 1668 瀏覽
添加回答
舉報(bào)
0/150
提交
取消