angularjs Failed to read the 'selectionStart' property from 'HTMLInputElement':

在找angularjs input(type=‘number‘)在获取焦点的时候,文本框内容选中效果,参考了:Select text on input focus,我直接复制他的code之后,在ionic中报"Uncaught InvalidStateError: Failed to read the ‘selectionStart‘ property from ‘HTMLInputElement‘: The input element‘s type (‘number‘) does not support selection.",

尝试了

---

this.setSelectionRange(0, 9999)

---

this.selectionStart = 0;
this.selectionEnd = 999;

上面两个选中文本,我在webapp中测试的时候,需要每次双击之后才会有效果,我尝试用jQuery的select()方法来达到这个效果,再ionic编译的apk中测试可用之后,觉得这是我目前的解决方法。

directive方法代码

.directive(‘selectOnClick‘,  function ($window) {
    return {
        restrict: ‘A‘,
        link: function (scope, element, attrs) {
            element.on(‘click‘, function () {
                if (!$window.getSelection().toString()) {
                    // Required for mobile Safari
                    $(this).select();
                }
            });
        }
    };
  })

input使用这个directive(指令)像:

<input type="text" value="test" select-on-click />

再android app中,使用type="number"也可以工作。

angularjs Failed to read the 'selectionStart' property from 'HTMLInputElement':

时间: 2024-11-13 06:47:50

angularjs Failed to read the 'selectionStart' property from 'HTMLInputElement':的相关文章

TypeError: Failed to set the &#39;files&#39; property on &#39;HTMLInputElement&#39;: The provided value is not of type &#39;FileList&#39;.

这个标题也是很low了,但是想着大家遇到这个错之后,肯定都想这样直接搜索就找到答案.其实大家应该是和我一样,就是想将type="file"类型的控件置空,或者说reset.如果只是单纯的将value置空,那么虽然没有文件名了,但是files属性值依然在,我在网上搜了不少,终于找到了答案(Posted on 2012-02-22),原文作者发表于2012年啊,jquery时代,到了现在2020年,vue时代了,依然可以解决问题,不得不感叹,真是前人栽树,后人乘凉,谢谢!! -------

android webview &quot;Uncaught SecurityError: Failed to read the &#39;localStorage&#39; property from &#39;Window&#39;: Access is denied for this document.&quot;, source: (1)

这种错误,可以在loadurl之后再调用 localstorage.setitem()即可解决. "Uncaught SecurityError: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.", source:  (1) android webview "Uncaught SecurityError: Failed to read t

SqlCommand.DeriveParameters failed

错误信息如下: SqlCommand.DeriveParameters failed because the SqlCommand.CommandText property value is an invalid multipart name "SELECT * from tableA", the current limit of "4" is insufficient. 错误原因: 使用Enterprise Library进行数据库操作时,如果直接使用sql 语句

6.2.3 Property Access Errors

JavaScript: The Definitive Guide, Sixth Edition by David Flanagan Property access expressions do not always return or set a value. This section explains the things that can go wrong when you query or set a property. It is not an error to query a prop

同源策略和跨域问题

1 同源策略 所谓同源策略,指的是浏览器对不同源的脚本或者文本的访问方式进行的限制.比如源a的js不能读取或设置引入的源b的元素属性. 那么先定义下什么是同源,所谓同源,就是指两个页面具有相同的协议,主机(也常说域名),端口,三个要素缺一不可. 可以看下面的几个示例来更加清楚的了解一下同源的概念: URL1 URL2 说明 是否允许通信 http://www.foo.com/js/a.js http://www.foo.com/js/b.js 协议.域名.端口都相同 允许 http://www.

daemon框架

这个框架主要是开多个子进程来异步处理任务,同时主进程能和子进程通信,了解子进程的status,并且能restart子进程. 管理者可以了解主进程的信息info,并且能shutdown主进程.管理者和主进程之间通过tcp通信. 这个过程涉及主进程Master,子进程Worker,队列Queue,以及消费者Consumer. 这几天学习框架,一方面要学会如何组装零件,也要回拆解零件,更加要学会改进零件. 问问自己 (1)       框架的数据流是否梳理清楚 (2)       能否改进框架 (3)

gtk+-3.21.4 static build step in windows XP

In recent days the weather is very hot Unable to sleep properly Under the state of daze research gtk3 static compiler. ------------------------------------------------------------------------------------------------------- build static libs ---------

【HTML】iframe跨域访问问题

概述 本地同一浏览器访问本地HTML文件和访问服务器端HTML文件,本地Iframe没有自适应高度,而服务器端的Ifrane自适应了高度. 1.问题重现: Chrome 版本 41.0.2272.101 (64-bit) OS:Win8.1 Chrome访问服务器端HTML文件呈现的结果 Chrome访问本地HTML文件呈现的结果 本地访问的HTML文件Iframe没有根据Iframe里面的页面类容自适应高度 2.Iframe自适应高度代码 在index.html文件中间中添加Iframe页面,

delphiXE7关于android API的使用和检测WIFI状态的问题

在大富翁论坛上有一篇介绍delphi xe5下获取网络状态的文章并附带了一个Androidapi.JNI.Network.pas单元,我使用到XE7下,编译后点击按钮就出来一个错误对话框什么10027什么的,开始我以为是不通用那,我就利用 爱吃猪头肉 QQ: 1444386932 提供的jar转换工具转换了安卓jar包中的文件,正常运行后还是提示错误,后来发现是原来delphi编译器没有设置安卓的权限,可是这也让我稍微学习到一点,只要将安卓的jar文件转换下能让delphi调用,应该是所有的ap