如何使用angularjs实现文本框获取焦点?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用angularjs实现文本框获取焦点?相关的知识,希望对你有一定的参考价值。
参考技术A可以编写个代码,如下;
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<title>angularjs-focus</title>
</head>
<body>
<input type="text" set-Focus="">
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript">
var myApp = angular.module('myApp',[]);
myApp.directive('setFocus', function()
return function(scope, element)
element[0].focus();
;
);
</script>
</body>
</html>
AngularJS 诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过 <script> 标签添加到 HTML 页面。
AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。
AngularJS 是以一个 JavaScript 文件形式发布的,可通过 script 标签添加到网页中。
JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点
今天遇见这么一个小小的问题,就是文本框中需要输入内容才可以提交,如果没有输入就提示并使该文本框获得焦点!
这么一个简单的事情如果没有使用 jQuery的话 是不是对象.focus()就可以了,
- //这样执行,jquery只会当获取焦点后执行焦点函数的语句了。
- $(”#nameInput”).focus();
可是当我们使用了jQuery 这样$(”#nameInput”) 返回的就不是DOM对象了而是jQuery对象,这样的话$(”#nameInput”).focus()这个方法的意义也就变了,并不是使这个文本框获 得焦点 而是触发这个文本框所有绑定在onfocus的函数!
其实使用jQuery也非常简单将jQuery对象转化为一个DOM对象,这一点相信开发人员早就考 虑到了,诶 真是先天下之忧而忧啊
- $(”#nameInput”)[0].focus();
简单的加一个[0] 便是我们想要的了!!这样文本框就会自动获取焦点了。
From: http://blog.csdn.net/xiaopeng__/article/details/8469849
以上是关于如何使用angularjs实现文本框获取焦点?的主要内容,如果未能解决你的问题,请参考以下文章
C# winform中咋实现当文本框获得焦点时,如何切换到中文输入法或英文输入法啊?
vb6 webbrowser 如何判断当前网页中获取焦点的是否一个文本框?
axure7.0如何实现光标在文本框中获得焦点时,文本框内容自动清空。失去焦点时显示默认文字,谢谢!
JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点