触发空格键以编程方式单击textarea

时间:2016-03-17 11:31:58

标签: javascript angularjs

这是一个textarea

<textarea id="areadata" ng-model="mydata">{{data}}</textarea>

请问我如何立即在textarea上添加空格键事件我点击/触发按钮

<button type="button" class="btn btn-danger" ng-click="spaceevent">Add Space Bar Event</button> 

我正在尝试使用此功能但不能正确使用

$timeout(function() {
    angular.element('#areadata').triggerHandler('click');
  }, 100);

1 个答案:

答案 0 :(得分:0)

如果我理解的话,当你点击按钮时,这将为textarea数据添加一个空格:

app.controller('dummy', function($scope) {
  $scope.spaceevent = function () {
    $scope.mydata += " ";
  };
});

<div ng-app="app" ng-controller="dummy">
  <textarea id="areadata" ng-model="mydata"></textarea>
  <button type="button" class="btn btn-danger" ng-click="spaceevent()">Add Space Bar Event</button>
</div>

JSFiddle

请注意,您需要()函数中的ng-click,这是错误的:ng-click="spaceevent"这是正确的ng-click="spaceevent()"