每当在文本区域上输入按钮时,都会触发按钮
Trigger a button whenever a button is entered on a textarea
这是一个文本区域元素
<textarea id="textfield" paceholder="type anything here"></textarea>
这是一个按钮
<button type="button" class="btn btn-danger" id="button">Alert</button>
我可以触发上面的按钮,使用 jquery 提醒文本区域的值
<script>
$(function() {
$('#button').click(function() {
var value = $('#textfield').val();
alert(value);
});
});
</script>
有没有办法在文本或值进入文本区域时默认使用 angular 触发按钮警报我正在尝试使用这样的东西
$scope.$watch('textfield', function () {
//pop alert if textarea has a value
但不知何故迷失了。
您可以使用 Angular 的内置ngKeyup
指令
<div ng-app="myapp" ng-controller="myctrl">
<textarea ng-keyup="show($event)" name="" id="" cols="30" rows="10"></textarea>
</div>
你的 js
angular.module("myapp",[])
.controller("myctrl", function($scope){
$scope.show = function($event){
alert($event.target.value);
}
})
如果您需要在每次输入文本时强制单击按钮,请按如下方式更改show
功能
angular.module("myapp",[])
.controller("myctrl", function($scope){
$scope.show = function($event){
alert($event.target.value);
document.querySelector(".btn").click();
}
})
注意:ngKeyup 每次释放该键时都会触发,如果您需要侦听在 textaread 中输入的每个字符,请使用 ngChange 事件
<div ng-app="myapp" ng-controller="myctrl">
<textarea ng-change="show($event)" name="" id="" cols="30" rows="10"></textarea>
</div>
ng-change会有所帮助:
<input type="textbox" ng-model="text" ng-change="change()" />
在控制器中:
$scope.change = function() {
alert($scope.text);
};
相关文章:
- 点击按钮输入不起作用
- JavaScript按钮/输入/函数,字符串反转
- 如何将表格中的文本添加到使用按钮输入的文本区域
- 如何从页面中获取所有内容,包括通过按钮输入的值
- 为按钮输入键
- Chrome应用程序在Webview中的按钮/输入上添加点击事件
- 如果用户更改下拉选择,jQuery将删除单选按钮/输入选项
- 如何在选中单选按钮(输入)时触发事件
- 如何将按钮/输入保留在图像下方
- 在条件jquery上启用按钮/输入区域
- 根据选定的单选按钮输入显示/隐藏 DIV
- 点击按钮输入在 Chrome 中不起作用
- 如何使按钮(输入类型=“提交”)在单击时消失
- 按钮输入上的 CSS 取消了 jQuery 中禁用的 prop 属性
- 如何获取按钮输入以显示在文本区域
- jQuery - 从按钮组中获取活动按钮(输入类型 = “radio”)
- 如何将字符串转换为来自按钮输入的 Int
- 根据单选按钮输入将表单发送给不同的收件人
- 单选按钮输入控制客户端验证
- 多个按钮输入到自己的文本框在同一页,