Javascript 如何单击输入字段内的图示符图标
我有一个带有字形图标的输入字段Javascript 如何单击输入字段内的图示符图标,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我有一个带有字形图标的输入字段 <div class="form-group has-feedback has-feedback-left"> <label class="control-label">Nome località: </label> <input type="text" class="form-control" value="" name="nome_loc" id="nome_lo
<div class="form-group has-feedback has-feedback-left">
<label class="control-label">Nome località: </label>
<input type="text" class="form-control" value="" name="nome_loc" id="nome_loc">
<i id="cleanLoc" class="form-control-feedback glyphicon glyphicon-remove-circle"></i>
</div>
这只是为了清理输入字段。这里缺少什么?尝试在
上设置z-index:1
样式属性,如果在DOM检查器中检查I
元素,您可以看到该元素已通过引导的表单.less
文件对其应用指针事件:none
。这意味着元素不会引发鼠标事件
要解决此问题,请在您自己的CSS中覆盖该设置:
$('#cleanLoc')。单击(函数(){
$('nome_loc').val('');
});代码>
.formgroupi{指针事件:auto;}
地方名称:
没问题,很乐意帮忙
$('#cleanLoc').click(function(){
$('#nome_loc').val('');
});