Javascript 在输入文本中禁用提交操作
我有一个输入文本区域的问题,因为如果我按下回车键,页面刷新,我不想这样。我读了很多教程和类似的问题,但都不适合我。 我通过了angularjs代码:Javascript 在输入文本中禁用提交操作,javascript,html,angularjs,dom,submit,Javascript,Html,Angularjs,Dom,Submit,我有一个输入文本区域的问题,因为如果我按下回车键,页面刷新,我不想这样。我读了很多教程和类似的问题,但都不适合我。 我通过了angularjs代码: $scope.startEditMode = function(className,index) { $scope.editMode = true; console.log($scope.editMode); var td = document.getElementsByClassName(className); v
$scope.startEditMode = function(className,index) {
$scope.editMode = true;
console.log($scope.editMode);
var td = document.getElementsByClassName(className);
var input = document.createElement("input");
input.type = "text";
input.value=td[index].innerHTML;
td[index].appendChild(input);
td[index].innerHTML='';
input.setAttribute("onSubmit","console.log('ciaaa')");
td[index].appendChild(input);
console.log(index);
}
当我在表格的单元格上单击两次以编辑其内容时,会调用此方法
以下是我的html表格代码:
<div class="tablewrap" id="display">
<div class="tablewrap-inner">
<div>
<table class="table table-hover" border="1">
<thead>
<tr>
<th class="check"><input type="checkbox" onchange="checkAll(this)" ng-click="checkAllTrue()"/></th>
<th class="descrPosHeader">Descrizione posizione <a ng-click="sort_by('name')"><i class="icon-sort"></i></a></th>
<th class="numPosHeader">Numero posizione <a ng-click="sort_by('numPos')"><i class="icon-sort"></i></a></th>
<th class="fattHeader">Fatturazione <a ng-click="sort_by('fatt')"><i class="icon-sort"></i></a></th>
<th class="impUnitHeader">Importo unitario <a ng-click="sort_by('impUnit')"><i class="icon-sort"></i></a></th>
<th class="quantHeader">Quantità unitaria <a ng-click="sort_by('quant')"><i class="icon-sort"></i></a></th>
<th class="impRataHeader">Importo rata <a ng-click="sort_by('impRata')"><i class="icon-sort"></i></a></th>
<th class="numRateHeader">Numero rate <a ng-click="sort_by('numRate')"><i class="icon-sort"></i></a></th>
</tr>
</thead>
<tbody>
<tr id="lista" ng-repeat="item in items | orderBy:sortingOrder:reverse ">
<td class="check"><input id="selectLine1" type="checkbox" value="{{item.check}}" ng-click="item.check=!item.check"/></td>
<td class="descrPos" ng-dblclick="startEditMode('descrPos',$index)">{{item.name}}</td>
<td class="numPos" ng-dblclick="startEditMode('numPos',$index)">{{item.numPos}}</td>
<td class="fatt" ng-dblclick="startEditMode('fatt',$index)">{{item.fatt}}</td>
<td class="impUnit" ng-dblclick="startEditMode('impUnit',$index)">{{item.impUnit | euro}}</td>
<td class="quant" ng-dblclick="startEditMode('quant',$index)">{{item.quant}}</td>
<td class="impRata" ng-dblclick="startEditMode('impRata',$index)">{{item.impRata | euro}}</td>
<td class="numRate" ng-dblclick="startEditMode('numRate',$index)">{{item.numRate}}</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
描述posizione酒店
第一位
脂肪酰锡
尤尼亚里奥酒店
单位量
重要的
票面利率
{{item.name}
{{item.numPos}
{{item.fatt}
{{item.inpunit | euro}}
{{item.quant}
{{item.impRata | euro}}
{{item.numRate}
你有什么建议?我编辑了我的问题@DarkSkull是整个HTML被包装在表单中吗?不,那只是表。。。visualforce中的其余代码并不重要页面中是否有提交按钮?不,我以动态方式创建输入文本