6赞

在AngularJs中获取Textarea光标位置

作者：贾志军 | 2023-09-08 14:24

如何解决《在AngularJs中获取Textarea光标位置》经验，为你挑选了1个好方法。

这个问题归结为需要</code>在指令中获取元素的光标位置.简而言之,我需要在此工作.</p> <pre class="brush:bash;">var position = element.selectionStart; </pre> <p>关于主题至少有5个答案使用各种方法,例如这个用于角度,这个用于一些jQuery扩展,在这里输入链接描述.</p> <p>我已经阅读了所有内容,并决定尝试获取选择开始对象.这是我的PLNKR.我不知道我做错了什么.注意 - 背景改变的东西是看我是否选择了正确的元素,我就是这样.这里编辑是失败的代码片段:</p> <pre class="brush:bash;"> link: function(scope, elem, attrs) { var textArea = elem.find("#itemTextArea"); textArea.bind('click', function() { //This gets to undefined, even though selectionStart is a property of textarea* scope.testValue = elem.selectionStart; }); }, </pre> <p>*https://developer.mozilla.org/en-US/docs/Mozilla/Tech/XUL/Property/selectionStart</p> <p>PS单击文本区域以立即知道指令中发生了什么. </p><br><br><b>1> jbrown..：</b><hr><p>您正在寻找的语法是:</p> <pre class="brush:bash;">scope.testValue = textArea.prop("selectionStart"); </pre></p> <hr>很高兴我能帮助你. </div> <div class="article_ab" style="width: 720px;height: 100px;margin: 0 auto;margin-top: 15px;"> </div> <div class="article_recommend"> <div class="list_top">推荐阅读</div> <div class="ListItems"> <ul class="NewsList"> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/KuoZhan_Reposito_4dcca35f.html" target="_blank" title="扩展RepositoryRestExceptionHandler">扩展RepositoryRestExceptionHandler</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《扩展RepositoryRestExceptionHandler》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/KuoZhan_Reposito_4dcca35f.html" target="_blank" title="扩展RepositoryRestExceptionHandler">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/MongoDBTimeZone_6c0dcb2b.html" target="_blank" title="MongoDB TimeZone">MongoDB TimeZone</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《MongoDBTimeZone》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/MongoDBTimeZone_6c0dcb2b.html" target="_blank" title="MongoDB TimeZone">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Pandasdf-describ_c3057929.html" target="_blank" title="Pandas df.describe(),是否有可能在没有移调的情况下按行进行？">Pandas df.describe(),是否有可能在没有移调的情况下按行进行？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Pandasdf.describe(),是否有可能在没有移调的情况下按行进行？》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/Pandasdf-describ_c3057929.html" target="_blank" title="Pandas df.describe(),是否有可能在没有移调的情况下按行进行？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeJieDuan_XMM__f8b2e9e7.html" target="_blank" title="如何截断XMM寄存器中的浮点值">如何截断XMM寄存器中的浮点值</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何截断XMM寄存器中的浮点值》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeJieDuan_XMM__f8b2e9e7.html" target="_blank" title="如何截断XMM寄存器中的浮点值">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ZaiJiYuBiaoQianL_6802d111.html" target="_blank" title="在基于标签栏的应用程序上添加导航栏">在基于标签栏的应用程序上添加导航栏</a></h2> </div> <div class="NewsInfo"> <div class="NewsImg"> <a href="https://devbox.cn/p/ZaiJiYuBiaoQianL_6802d111.html" target="_blank" title="在基于标签栏的应用程序上添加导航栏"><img src="https://img.devbox.cn/3cccf/16086/243/437304056ee096d0.png" width="120" height="70" alt="在基于标签栏的应用程序上添加导航栏"/></a> </div> <div class="NewsDesc" style="width:500px;margin-left:15px;"> 如何解决《在基于标签栏的应用程序上添加导航栏》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ZaiJiYuBiaoQianL_6802d111.html" target="_blank" title="在基于标签栏的应用程序上添加导航栏">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/BiJiaoLiangGeDui_c0520f63.html" target="_blank" title="比较两个对象中存在的属性">比较两个对象中存在的属性</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《比较两个对象中存在的属性》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/BiJiaoLiangGeDui_c0520f63.html" target="_blank" title="比较两个对象中存在的属性">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/C--_BuNengZhiJie_5897c785.html" target="_blank" title="C++不能直接在小例子中调用构造函数">C++不能直接在小例子中调用构造函数</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《C++不能直接在小例子中调用构造函数》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/C--_BuNengZhiJie_5897c785.html" target="_blank" title="C++不能直接在小例子中调用构造函数">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Zai_Administrate_951fe4ee.html" target="_blank" title="在Administrate Gem Rails中设置Admin">在Administrate Gem Rails中设置Admin</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在AdministrateGemRails中设置Admin》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Zai_Administrate_951fe4ee.html" target="_blank" title="在Administrate Gem Rails中设置Admin">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeCong_vscode__c6a12d2b.html" target="_blank" title="如何从vscode扩展写入日志？">如何从vscode扩展写入日志？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何从vscode扩展写入日志？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/RuHeCong_vscode__c6a12d2b.html" target="_blank" title="如何从vscode扩展写入日志？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WeiShiMe_Roslyn__814014a3.html" target="_blank" title="为什么Roslyn在尝试重写这个lambda时会崩溃？(Visual Studio 2015更新1)">为什么Roslyn在尝试重写这个lambda时会崩溃？(Visual Studio 2015更新1)</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《为什么Roslyn在尝试重写这个lambda时会崩溃？(VisualStudio2015更新1)》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WeiShiMe_Roslyn__814014a3.html" target="_blank" title="为什么Roslyn在尝试重写这个lambda时会崩溃？(Visual Studio 2015更新1)">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/Sparql_BianLiang_c19c845e.html" target="_blank" title="Sparql变量在块内部未绑定的块之外">Sparql变量在块内部未绑定的块之外</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《Sparql变量在块内部未绑定的块之外》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/Sparql_BianLiang_c19c845e.html" target="_blank" title="Sparql变量在块内部未绑定的块之外">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/JSON_MoShiMeiJuY_11e3d840.html" target="_blank" title="JSON模式枚举与单值的模式">JSON模式枚举与单值的模式</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《JSON模式枚举与单值的模式》经验，为你挑选了2个好方法。 ... <a href="https://devbox.cn/p/JSON_MoShiMeiJuY_11e3d840.html" target="_blank" title="JSON模式枚举与单值的模式">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/YinShiYiTuDeZiDi_7900ebcf.html" target="_blank" title="隐式意图的自定义权限">隐式意图的自定义权限</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《隐式意图的自定义权限》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/YinShiYiTuDeZiDi_7900ebcf.html" target="_blank" title="隐式意图的自定义权限">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/SanJing_-_LiangG_7f8a172b.html" target="_blank" title="散景,两个y轴,禁用一个轴进行缩放/平移">散景,两个y轴,禁用一个轴进行缩放/平移</a></h2> </div> <div class="NewsInfo"> <div class="NewsImg"> <a href="https://devbox.cn/p/SanJing_-_LiangG_7f8a172b.html" target="_blank" title="散景,两个y轴,禁用一个轴进行缩放/平移"><img src="https://img.devbox.cn/3cccf/16086/243/01c11a9512977c76.png" width="120" height="70" alt="散景,两个y轴,禁用一个轴进行缩放/平移"/></a> </div> <div class="NewsDesc" style="width:500px;margin-left:15px;"> 如何解决《散景,两个y轴,禁用一个轴进行缩放/平移》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/SanJing_-_LiangG_7f8a172b.html" target="_blank" title="散景,两个y轴,禁用一个轴进行缩放/平移">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/ZaiFuWuQiDuanDen_bc897d03.html" target="_blank" title="在服务器端登录用户帐户">在服务器端登录用户帐户</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《在服务器端登录用户帐户》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/ZaiFuWuQiDuanDen_bc897d03.html" target="_blank" title="在服务器端登录用户帐户">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/KendoTabStrip_Zh_81a6eea1.html" target="_blank" title="Kendo TabStrip中的Kendo MVC网格">Kendo TabStrip中的Kendo MVC网格</a></h2> </div> <div class="NewsInfo"> <div class="NewsImg"> <a href="https://devbox.cn/p/KendoTabStrip_Zh_81a6eea1.html" target="_blank" title="Kendo TabStrip中的Kendo MVC网格"><img src="https://img.devbox.cn/3cccf/16086/243/401b7dd09fd950b0.png" width="120" height="70" alt="Kendo TabStrip中的Kendo MVC网格"/></a> </div> <div class="NewsDesc" style="width:500px;margin-left:15px;"> 如何解决《KendoTabStrip中的KendoMVC网格》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/KendoTabStrip_Zh_81a6eea1.html" target="_blank" title="Kendo TabStrip中的Kendo MVC网格">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuHeZai_symfonyW_e99e66ba.html" target="_blank" title="如何在symfony WebTestCase中通过测试中的fixture类型获取doctrine fixture引用？">如何在symfony WebTestCase中通过测试中的fixture类型获取doctrine fixture引用？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如何在symfonyWebTestCase中通过测试中的fixture类型获取doctrinefixture引用？》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/RuHeZai_symfonyW_e99e66ba.html" target="_blank" title="如何在symfony WebTestCase中通过测试中的fixture类型获取doctrine fixture引用？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/RuGuoXiaoXiShiYo_80574ef7.html" target="_blank" title="如果消息是由制作人制作的,如何从Kafka经纪人那里得到确认？">如果消息是由制作人制作的,如何从Kafka经纪人那里得到确认？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《如果消息是由制作人制作的,如何从Kafka经纪人那里得到确认？》经验，为你挑选了0个好方法。 ... <a href="https://devbox.cn/p/RuGuoXiaoXiShiYo_80574ef7.html" target="_blank" title="如果消息是由制作人制作的,如何从Kafka经纪人那里得到确认？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/WeiShiMe_java_Me_ad04ed53.html" target="_blank" title="为什么java没有从用户定义的类执行overriden hashcode()方法？">为什么java没有从用户定义的类执行overriden hashcode()方法？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《为什么java没有从用户定义的类执行overridenhashcode()方法？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/WeiShiMe_java_Me_ad04ed53.html" target="_blank" title="为什么java没有从用户定义的类执行overriden hashcode()方法？">[详细]</a> </div> <div style="clear:both"></div> </li> <li> <div class="NewTitle"> <a class="cat" href="/tag/程序员" title="程序员" target="_blank">程序员<i></i></a> <h2><a href="https://devbox.cn/p/YouMeiYouQiTaGen_bcc33ab7.html" target="_blank" title="有没有其他更好的方法将参数传递给backgroundworker runasync？">有没有其他更好的方法将参数传递给backgroundworker runasync？</a></h2> </div> <div class="NewsInfo"> <div class="NewsDesc" > 如何解决《有没有其他更好的方法将参数传递给backgroundworkerrunasync？》经验，为你挑选了1个好方法。 ... <a href="https://devbox.cn/p/YouMeiYouQiTaGen_bcc33ab7.html" target="_blank" title="有没有其他更好的方法将参数传递给backgroundworker runasync？">[详细]</a> </div> <div style="clear:both"></div> </li> </ul> </div> </div> <div class="article_cmnt" style="display: none;"> <div class="cmnt_title">吐了个 "CAO" !</div> <form action="" method="post"> <div class="cmnt_text"> <textarea class="ping-txt" onfocus="ck_txt(this);" onblur="ck_txt2(this);" id="ping-txt" name="ping-txt" >吐个槽吧,看都看了


            
                
                                        会员登录 | 用户注册