firefox下实现用js选择文本框中的一段文本的问题
在ie下代码为:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<meta charset="UTF-8" />
<link href="sample-css/page.css" rel="stylesheet" type="text/css" />
<link href="css/dp.css" rel="stylesheet" type="text/css" />
<link href="../highlighter/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="../highlighter/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
window.onload=function(){
var t=document.getElementById("temptime");
var rng = t.createTextRange();//获取一个需要操作对象的TextRange
rng.collapse();//默认true收缩
rng.select();//因为已收缩Range,所以select后会将光标移到首部
var sel = document.selection.createRange();//如果需要选中文本中的一部分,需要创建Range
sel.moveStart("character",1);//移动开始点
sel.moveEnd("character",5);//移动结束点
sel.select();//选中开始点到结束点间的字符
}
</script>
<!--end code highlighter-->
</head>
<body>
<input type="text" id="temptime" value="12:12:12"/><br/>
</body>
</html>
firefox下该如何实现同样效果,谢谢
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<meta charset="UTF-8" />
<link href="sample-css/page.css" rel="stylesheet" type="text/css" />
<link href="css/dp.css" rel="stylesheet" type="text/css" />
<link href="../highlighter/styles/shCore.css" rel="stylesheet" type="text/css" />
<link href="../highlighter/styles/shThemeDefault.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
window.onload=function(){
var t=document.getElementById("temptime");
var rng = t.createTextRange();//获取一个需要操作对象的TextRange
rng.collapse();//默认true收缩
rng.select();//因为已收缩Range,所以select后会将光标移到首部
var sel = document.selection.createRange();//如果需要选中文本中的一部分,需要创建Range
sel.moveStart("character",1);//移动开始点
sel.moveEnd("character",5);//移动结束点
sel.select();//选中开始点到结束点间的字符
}
</script>
<!--end code highlighter-->
</head>
<body>
<input type="text" id="temptime" value="12:12:12"/><br/>
</body>
</html>
firefox下该如何实现同样效果,谢谢
...全文
相关推荐
利用CSS3实现文本框的清除按钮相关的一些效果
此外,在实际应用中要注意,虽然文本框中会显示一个清除按钮,但它只是一个视觉效果,实际上点击该按钮并不会清除文本框中的内容,需要结合JavaScript来实现真正的清除功能。
JavaScript 获得选中文本内容的方法
JavaScript是一种广泛应用于网页开发的脚本语言,它允许在客户端执行动态交互,为用户提供更加丰富的体验。在网页中,用户可能会选择一段文本,比如要复制、搜索或分享。
JavaScript 选中文字并响应获取的实现代码
)) { // Firefox在文本框内选择文字 var staIndex = target.selectionStart; var endIndex = target.selectionEnd; if
JS动态给对象添加事件的简单方法
在JavaScript中,动态地给对象添加事件是常见的需求,特别是在构建交互式的Web应用程序时。这里我们将深入探讨如何使用JavaScript来实现这一功能,并讨论浏览器兼容性问题。
JavaScript获取文本框内选中文本的方法
标准的HTML元素如`<input>`和`<textarea>`提供了用户输入和选择文本的界面,而JavaScript则提供了相应的属性和方法来访问和操作这些输入框中的文本。


