Javascript 在一个表单组中输入时,将调用另一个表单组中的另一个事件
当我在buttom formgroup中的textarea上单击enter时,将调用top form group定义的remove方法。不确定为什么以及如何避免这种情况?我在textarea上添加了一个ngkeyup事件,即使在我在textbox上输入时调用remove方法Javascript 在一个表单组中输入时,将调用另一个表单组中的另一个事件,javascript,angularjs,html,twitter-bootstrap-3,Javascript,Angularjs,Html,Twitter Bootstrap 3,当我在buttom formgroup中的textarea上单击enter时,将调用top form group定义的remove方法。不确定为什么以及如何避免这种情况?我在textarea上添加了一个ngkeyup事件,即使在我在textbox上输入时调用remove方法 <div class="form-group" name="form-group1"> <label class="col-sm-2 control-label">{{col1label}}&
<div class="form-group" name="form-group1">
<label class="col-sm-2 control-label">{{col1label}}</label>
<div class="col-sm-6">
<div ng-repeat="label in list">
<div class="col-sm-6">
<div class="input-group">
<input type="text" class="form-control" ng-model="label.name">
<span class="input-group-btn">
<button type="submit" class="pull-right btn btn-white" name="btn" ng-click="remove(label.name)">
<i class="fa fa-trash"></i>
</button>
</span>
</div>
</div>
<div class="col-sm-8"></div>
</div>
</div>
</div>
<div class="form-group" name="form-group2">
<label class="col-sm-2 control-label">{{column2label}}</label>
<div class="col-sm-6">
<div class="input-group">
<input type="text" class="form-control" ng-model="text" name="textarea" placeholder="{{col2placeholder}}">
<span class="input-group-btn">
<button type="submit" class="pull-right btn btn-white" name="addButton" ng-click="addvalue()">
<i class="fa fa-plus-square"></i>
</button>
</span>
</div>
</div>
</div>
{{col1label}}
{{column2label}}
找到了答案。使按钮类型为button而不是submit。这阻止了触发enter事件。
button type=“button”class=“pull right btn btn white”name=“addButton”ng click=“addvalue()”>您认为需要阻止ENTER来提交表单。也许这会帮助你,谢谢你的帮助。有没有什么方法可以避免使用angular或html属性。我们尽可能避免javasicript使用jquery或dom操作。因此上述解决方案对我没有帮助。@SushilNayak:祝贺“找到答案”。但请把它贴出来作为答案。这样每个人都可以从中受益并进行搜索(例如DuckDuckGo Instant Anwer等)。我将对你的答案投赞成票