用angularjs怎么让text获得焦点和失去焦点

Posted 2023-04-01

我先在用angularjs，有一个text一开始是隐藏的，我通过点击然text显示，我现在想让它出现的同事马上获得焦点，然后通过点击text之外的地方让text失去焦点就隐藏，请问怎么写，最好带讲解！谢谢！
这个是点击出现text。
这个是text

用焦点得到和失去来显示和隐藏text ，我的想法：onclick获得焦点可以用强制获得焦点document.getElementbyClasname(XX).focus();失去焦点以后做的事，可以用
onblur="XX_function()"或者jquery $("#p").focus(fn);追问

在angularjs用document.getElementbyClasname(XX).focus();不起效果；先在失去焦点后是可以隐藏了，但是click后text出来怎么给默认焦点就是解决不了，是用angularjs

追答

好吧 ，居然不能使用。也许angularjs有他自己的语法吧。因为我没用过angularjs ，帮不了你了。

参考技术A 用焦点得到和失去来显示和隐藏text ，我的想法：onclick获得焦点可以用强制获得焦点document.getElementbyClasname(XX).focus();失去焦点以后做的事，可以用
onblur="XX_function()"或者jquery $("#p").focus(fn);

jquery一个div怎么获得焦点和失去焦点

DIV获取焦点（两种方法）：
DIV直接使用focus()和blur()两个方法是无效的，需添加tabindex="0"或者contenteditable="true"属性
①：设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的；如：
<div contenteditable="true">11111111111111</div>
②：设置div的tabindex，此时div的内容是不可编辑的；如：
<div tabindex="0">11111111111111</div>
PS:设置tabindex属性，按键盘Tab键可让其获取焦点，其中tabindex的值越小在tab键切换的时候就会首先聚焦 参考技术A

DIV获取焦点有两种方法：

DIV直接使用focus()和blur()两个方法是无效的，需添加tabindex="0contenteditable="true"属性，设置div为可编辑状态，则可点击获取焦点，同时div的内容也是可以编辑的，
设置div的tabindex，此时div的内容是不可编辑的。

PS:设置tabindex属性，按键盘Tab键可让其获取焦点，其中tabindex的值越小在tab键切换的时候就会首先聚焦