使用div做输入框chrome和firefox当中光标问题的解决方法

光标问题在ie的解决方法和chrome、firefox的解决方法

//element是文本对象,location是光标移动的位置
function setPos(element, location){
if(element.createTextRange{//IE下
var range = element.createTextRange();
range.collapse(true);
range.moveEnd(‘character‘, pos);
range.moveStart(‘character‘, pos);
range.select();
}else if (document.createRange) { //chrome/firefox
var range = document.createRange();
range.selectNodeContents(element);
range.setStart(element.childNodes[0], location);
range.setEnd(element.childNodes[0], location);
range.collapse(false);
var oSel = window.getSelection();
oSel.removeAllRanges();
oSel.addRange(range);
oSel.collapseToEnd();
element.focus();
}
}

时间: 2024-10-17 20:45:40

使用div做输入框chrome和firefox当中光标问题的解决方法的相关文章

HTML5做手机站页面字体显示很小的解决方法

原文:HTML5做手机站页面字体显示很小的解决方法 HTML5做手机站需要加上一部分代码,不然字体会显示很小的,经历了很久的不解才发现的,希望给大家一些帮助 <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org

chrome浏览器默认启动时打开2345导航的解决方法

2345并没有修改chrome内部设置,它只是把所有的快捷方式修改了,包括开始菜单旁边的快捷启动图标. 只需要右键chrome快捷方式,在目标一栏中,把"----chrome.exe"引号后面的所有东西删除,然后确定,就不会再有问题了.开始菜单旁边的小chrome图标一样方法都可以解决... 而若在更改目标位置时出现需要一"您的权限不足,请点击继续来获得权限." 解决方法: 对计算机图标,击右键,选择管理. 开界面后,选择本地用户和组,单击用户,选择administ

div 嵌套层中button的margin-top不起作用解决方法

首先声明本人资质尚浅,本文只用于个人总结.如有错误,欢迎指正.共同提高. ----------------------------------------------------------------------------------- 其实不仅仅是button,所有行内元素都存在这个问题(如span),这个问题的本质区别在于 block,inline和inlinke-block细节: block元素会独占一行,默认情况下,block元素宽度自动填满其父元素宽度: 2. inline元素不会

关于异步加载的 javascript 不出现在 chrome 开发者工具的 source 中的解决方法

首先,当你看到这篇文章时,我相信你已经是一个中级甚至是高级的前端开发了. 因为异步加载 javascript 这样的做法,在一些中小型项目几乎是看不到的. 而异步加载 javascript 归根到底,是为了性能优化,防止 JS 加载造成页面阻塞. 会注意到性能,说明你已经不再是一个停留在实现层面的前端开发了,而是一个有着更高追求的人. 在此,向所有有追求的人点赞~~~ 昨天为公司的项目做前端优化,其中一项就是做脚本异步加载. 但是奇怪的是,异步加载的 js 出现在 chrome 开发者工具的 n

uploadify上传文件Firefox浏览器上传失败解决方法

最近做文件上传使用到了uploadify 但是出现了各种奇葩的问题,而且针对各个不同浏览器问题不同 在Firefox中,很坑爹的是,每次上传就丢失session值,但是我的系统在登录,保存文件目录等处使用了session,结果session值为null: 花了大半天的时间调试, 最后发现是falsh上传的问题sessionid变了,而且在此请求上传文件地址时,系统就会从新登录,这个登录更有意思,每次都回去读IE中的cookie(我的项目中使用了cookie保存用户登录信息),而不是读Firefo

chrome新版安装flash控件失败解决方法

今天chrome打开后出现插件过期,之后更新一直安装失败 度娘找到一个方法: 1.下载flash最新版for chrome : https://fpdownload.macromedia.com/pub/flashplayer/updaters/24/flashplayer_24_ppapi_debug.exe 2.关闭chrome 安装即可 参考:https://zhidao.baidu.com/question/369786470671222644.html

linux启动Firefox报错,及解决方法

今天在安装Firefox时,出现如下错误 [[email protected] ~]# firefox XPCOMGlueLoad error for file /usr/lib64/firefox/libxul.so: /lib64/libnss3.so: version `NSS_3.30' not found (required by /usr/lib64/firefox/libxul.so) Couldn't load XPCOM. 查找资料得知,只需安装nss.x86_64即可 yum

iOS中 H5的input输入框focus()无法自动拉起键盘(解决方法)

ios的hybird APP 无法使用focus()获取焦点和键盘的问题. 解决方案 原来,在App的配置文件(config.xml),里面默认会有一句 1 <preference name="KeyboardDisplayRequiresUserAction" value="true" /> 这里面的大概意思就是,键盘的显示需要用户去触发,而且是设置为true的!!! 那么下面你们知道怎么做了吧,只需要把value的值改为false,一切都解决了. 1

ESXi 6.7交换机做端口聚合Ethernet Channel后网络不通的解决方法

为了实现网络冗余,在ESXi6.7的主机端,将两个跑业务流量的网口做Teamning: 在交换机端,对应的两个交换机端口做端口聚合channel-group: 做完后发现ESXi主机上的虚拟机ping不通到交换机,经过排查发现是ESXi主机上Teaming的load balancing模式的问题导致的,经过测试,只有"Route base on IP hash"这种模式才可以工作,其他三种模式Load balancing模式都有问题! 原文地址:http://blog.51cto.co