如何使用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()就可以了,

JavaScript Code复制内容到剪贴板
  1. //这样执行,jquery只会当获取焦点后执行焦点函数的语句了。  
  2. $(”#nameInput”).focus();  



可是当我们使用了jQuery 这样$(”#nameInput”) 返回的就不是DOM对象了而是jQuery对象,这样的话$(”#nameInput”).focus()这个方法的意义也就变了,并不是使这个文本框获 得焦点 而是触发这个文本框所有绑定在onfocus的函数!

其实使用jQuery也非常简单将jQuery对象转化为一个DOM对象,这一点相信开发人员早就考 虑到了,诶 真是先天下之忧而忧啊 

JavaScript Code复制内容到剪贴板
  1. $(”#nameInput”)[0].focus();  



简单的加一个[0] 便是我们想要的了!!这样文本框就会自动获取焦点了。

 

From: http://blog.csdn.net/xiaopeng__/article/details/8469849

以上是关于如何使用angularjs实现文本框获取焦点?的主要内容,如果未能解决你的问题,请参考以下文章

C# winform中咋实现当文本框获得焦点时,如何切换到中文输入法或英文输入法啊?

vb6 webbrowser 如何判断当前网页中获取焦点的是否一个文本框?

axure7.0如何实现光标在文本框中获得焦点时,文本框内容自动清空。失去焦点时显示默认文字,谢谢!

JQuery下focus()无法自动获取焦点的处理方法 jquery如何使文本框获得焦点

AngularJS - 在第一个文本框之后将焦点设置到下一个文本框

css实现的文本框focus获取焦点设置样式代码实例