Question

label标签里面写了input和img标签，input标签里面的获取焦点方法影响了img里面的click方法

<div>
<label>
<input ng-focus="focus()"></input>
<img ng-click="click()"></img>
</label>
</div> 这是写的一个directive组件 input获取焦点好像直接从label里获取了，导致img的click无效

Answer 1

css：
label{position: relative;z-index:10;}
img{position: relative;z-index:100;}
html：
<div>
<label>
<input type="text"/>
<img src="images/3.jpg" onclick="click1()"/>
</label>
</div>
js：
function click1(){
alert("click");
}
$("input").focus(function(){
alert("focus");
})
首先我没用ng 但是你应该看得懂 增加这个样式 ，img就能点了 ，但是点完还是会触发focus 因为 在你点img的时候 他的父级是lable label指向的里面的input

建议你这样写html结构
<div>
<label>
<input type="text"/>
</label>
<img src="images/3.jpg" onclick="click1()"/>
</div>

把img拿到label外面来
望采纳！！

追问

不行呀老哥

Answer 2

给img一个position: absolute; 可以去试试

追问

没用呀