AngularJs 禁止用户输入input，阻止事件运行

最新推荐文章于 2023-08-16 15:14:05 发布
最新推荐文章于 2023-08-16 15:14:05 发布
阅读量1.2k 收藏
点赞数
分类专栏： angularjs 文章标签： 乔乐共享 纵观千象 每天进步一点点 学习永无止境 angularjs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/iteye_13003/article/details/82611877
版权 
<div class="form-group">
                  <lable class="add-on">证件类型</lable>
                  <span class="right-add-on sl-icon-mobile-lock"></span>
                  <input type="text" name="idCardTxt" class="form-control" placeholder="身份证" maxlength="0"
                         ng-keypress="$event.preventDefault()" ng-paste="$event.preventDefault()" οnfοcus="idCardTxt.blur()">
                </div>

 

iteye_13003
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VUE面试题（3）--vue常见面试题
MingL520的博客
05-21 512
除了核心功能默认内置的指令 (v-model和v-show)，Vue 也允许注册自定义指令。[info]举个聚焦输入框的例子，如下：autofocus在移动版 Safari 上不工作)。事实上，只要你在打开这个页面后还没点击过任何内容，这个输入框就应当还是处于聚焦状态。// 注册一个全局自定义指令 `v-focus`// 当被绑定的元素插入到 DOM 中时……// 聚焦元素el.focus()})如果想注册局部指令，组件中也接受一个directivesfocus: {// 指令的定义。
前端 基础面试问题汇总
技术改变世界
04-24 1151
1&gt;、html5有哪些新标签？ &lt;article&gt; 标签定义外部的内容（外部内容如blog,news）。 &lt;aside&gt; 标签定义article以外的内容（可用做文章的侧栏）。 &lt;canvas&gt;使用JavaScript在网页上绘制图形图像。 &lt;details&gt; 用于描述某个文档部分的内容。 &lt;sum...
angularJs禁用或启用输入框指令ng-disabled="true"
didong1899的博客
12-23 953
ng-disabled指令设置表单输入字段的 disabled 属性(input, select, 或 textarea)。 如果ng-disabled中的表达式返回 true 则表单字段将被禁用。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>...
AngularJS移动端页面input无法输入
weixin_30408309的博客
11-13 108
用angularJS写手机页面，有时候会发现input输入框点击了却不能输入，或者长按才能输入，可能是因为input绑定了ng-click导致，可去掉ng-click，将ng-click绑定的方法改用ng-focus就好了 转载于:https://www.cnblogs.com/maderlzp/p/7826706.html...
angular中input标签中的disabled不生效
最新发布
weixin_45678402的博客
08-16 707
input动态设置disabled，不生效
Angular 自定义属性指令-禁止input框输入空格-以及删除复制内容中的空格
chun的博客
10-13 1439
创建一个ts文件，并在module.ts中定义 import { Directive, ElementRef, HostListener, Input } from '@angular/core'; import { FormGroup, FormControl, NgControl } from '@angular/forms'; @Directive({selector: '[input-noSpace]'}) export class NoSpace { constructor(private
Angular7设置Input的disabled属性
henreash的专栏
03-31 1万+
在html页面中直接按低版本的方式配置[attr.disabled]="true"，不生效，而且运行时按F12可以看到如下警告： It looks like you're using the disabled attribute with a reactive form directive. If you set disabled to true when you set up this con...
Angular 学习笔记
weixin_43571751的博客
04-28 2718
Angular 学习笔记环境搭建 环境搭建 安装npm，通过npm或cnpm安装angular。 npm install -g @angualr/cli 或 npm install -g @angualr/cli
面试题（五）常见vue相关面试题总结
tyoubinn的博客
10-23 1246
1.vue 优点 答： 轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十kb； 简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习； 双向数据绑定：保留了angular的特点，在数据操作方面更为简单； 组件化：保留了react的优点，实现了html的封装和重用，在构建单页面应用方面有着独特的优势； 视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作； 虚拟DOM：dom操作是非常耗费性能的， 不再使用原生的dom操作节点，极大解
web学习笔记
刘群智的博客
07-27 1万+
常用属性............................................................................................ 1 Html基础........................................................................................... 3 ...
AngularJS进阶(三)HTML:让表单、文本框只读，不可编辑的方法
热门推荐
IT全栈 华强工作室
09-11 6万+
HTML:让表单、文本框只读，不可编辑的方法 有时候，我们希望表单中的文本框是只读的，让用户不能修改其中的信息，如使中国">的内容，"中国"两个字不可以修改。实现的方式归纳一下，有如下几种。 方法1:onfocus=this.blur() 中国"onfocus=this.blur()> 方法2:readonly 中国"readonly> 中国"readonly="tru
angularJS1 ng-disabled控制元素是否禁用
xiejunna的博客
12-22 1万+
1.适用范围：<input>, <select>, <textarea>,<button> 2.ng-disabled=’表达式’；表达式的结果为true时，元素将禁用；为false时，将解除禁用。 3.demo如下：<!doctype html> <html> <head> <meta charset="utf-8"> <title>form demo<
【angularjs】文本框模糊查询时下拉自动补全
hoiyaku
03-27 1139
实现功能： 在文本框中输入某个字符a，把目标集合中包含a字符的记录全部在文本框下方下拉显示 思路： 1.利用xml，将目标集合中包含输入字符的记录查出来 2.将输入的字符匹配1.中查出来的集合对应字段值，并保存该字段值 3.拼接对应字段，下拉显示 JS代码： var strDefID = "...
input禁止输入空格
SimonHu的博客
09-01 3476
1 input name="" onkeyup="this.value=this.value.replace(/^\s+|\s+$/g,'')" value="" type="text" class="" />
angular判断input输入框不能编辑_【Angular】服务和持久化实现
weixin_34326484的博客
12-27 489
概述官方认为组件不应该直接获取或保存数据， 它们应该聚焦于展示数据，而把数据访问的职责委托给某个服务。而服务就充当着数据访问，逻辑处理的功能。把组件和服务区分开，以提高模块性和复用性。通过把组件中和视图有关的功能与其他类型的处理分离开，可以让组件类更加精简、高效，这是官方的一些定义。非常认同，以我粗鄙的个人开发经验来看，现实开发中并不能完全的把组件和服务区分开来。并没有做到为组件提供专门...
Angular4_readonly,disabled,hidden属性动态启用禁用
Martin 的博客
01-04 1万+
html中的required  hidden  readonly disabled这些属性，动态启用禁用&lt;div class="form-group" [hidden]="model.isPersistent"&gt;&lt;labelfor="idletimeout"&gt;IdleTimeOut&lt;/label&gt;&lt;inputtype="text"c
angularJS文本框根据输入字符（文本框值）进行查询ng-keydown ng-keyup
编程日常记录与总结 https://franciswmf.iteye.com
04-05 395
[b]html:[/b] [code="java"] [/code] [b]js:[/b] [code="java"] /*directives*/ angular.module('activitiModeler').directive('ngKeydown', function() { return { restrict: 'A', ...
angular 禁止事件冒泡 和 默认行为
weixin_34137799的博客
04-24 541
事件冒泡和事件捕捉一直以来都是被讨论的话题，也许大家平时在工作中没有遇到过需要解决事件冒泡的情况举个例子： &lt;body ng-click="fun1()"&gt; &lt;div ng-click="fun2()"&gt; &lt;img ng-click="fun3()" src="xxx.png"/&gt; &lt;/div&gt;
Android输入事件处理：从InputManager到应用
这些组件分别在不同的线程中运行，如InputReaderThread和InputDispatcherThread，确保了输入事件处理的并发性和效率。 输入通道的注册过程 ---------------------- 输入通道是InputManager与应用程序之间交互的桥梁...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值