`
海盗大哥
  • 浏览: 64565 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

解决HTML页面鼠标无法设置光标问题 IE8

阅读更多
如果在页面上鼠标无法设置光标,导致文本框不能输入内容,不妨这样解决,通过JS代码直接设置光标位置就OK了。
function aa(){
	try {
		if (!(!document.all)) { //通常是IE有这个问题 所有这里判断IE才执行该代码
			var textNode=document.getElementById("titel__");//获取你的文本域
			//var count=textNode.value.length;//统计文本域里面有多少个字符了,注意留空不行额
			var a = textNode.createTextRange();//创建文本范围对象a
			a.moveStart('character',0); //更改范围起始位置/*如果count改为0就把光标放在text中的字符的最前面*/
			a.collapse(true); //将插入点移动到当前范围的开始或结尾。
			a.select(); //将当前选中区置为当前对象,执行	
		}
	} catch (e) {
	}
}
分享到:
评论

相关推荐

    页面一载入光标定位到文本框,并选中其中文字

    在网页设计和开发中,有时候我们需要实现这样的功能:当页面加载完成后,自动将光标定位到特定的文本框,并选中文本框内的全部文字。这个功能常见于表单填写、搜索框或者任何需要用户快速输入的场景,可以提高用户...

    在页面中js获取光标/鼠标的坐标及光标的像素坐标

    此外,我们还在页面上添加了一个`<div>`元素,该元素覆盖了整个页面,并在其上设置了`onmousemove`事件监听器,这样只要鼠标在页面上移动,`showPosition`函数就会被调用。两个输入框`<input>`用于实时显示鼠标位置...

    div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法.pdf

    为了解决这个问题,可以在IE中为元素设置`!important`的`height`和`width`。 4. **`!important`规则**: - FF支持`!important`,而IE会忽略。可以利用此特性为FF设置特定样式,例如`width: 100px !important;`。 ...

    如何设置IE9浏览器的标签栏更方便.docx

    3. **设置单独的标签栏**:为了解决这个问题,你可以通过以下步骤将标签栏独立出来: - 首先,将鼠标光标移动到浏览器界面的空白区域,不要放在任何按钮或菜单上。 - 然后,点击右键,从弹出的菜单中选择“在单独...

    上下左右键控制table中光标(兼容多浏览器)

    例如,`querySelector`和`addEventListener`在IE8及更早版本中不受支持,因此可能需要引入像jQuery这样的库来提供跨浏览器的解决方案。在这个例子中,压缩包中包含了一个名为`jquery.min.js`的文件,这可能用于处理...

    鼠标移动变色代码

    这段CSS代码设置了`.xmenutd`类的样式,包括字体大小、字体类型、加粗、文字颜色、边框样式、背景颜色、透明度过渡效果、手型光标和文本对齐方式。其中`filter:blendtrans(duration=0.5);`用于平滑过渡颜色变化,`...

    javascript 鼠标事件大全

    **描述**:当鼠标光标在元素上移动时持续触发此事件。 **支持版本**: - HTML: 2/3/3.2/4 - 浏览器支持:IE4、Netscape 4、Opera **用途**:可用于实现跟随鼠标移动的动态效果或更新位置信息。 #### 7. `onMouseOut...

    html+js鼠标右键代码

    - **`table`**: 设置了表格的字体大小、光标样式和外边距。 - **`tr`**: 设置了行的高度。 - **`tr.over`**: 当鼠标悬停在行上时的样式。 - **`tr.out`**: 当鼠标移出行时的样式。 - **`div.rm_div`**: 定义了用于...

    js鼠标事件大全

    1. **onMouseOver**(IE3|N2|O3):当鼠标光标移动到指定的HTML元素上时触发。这个事件常用于显示提示信息或更改元素样式。 2. **onMouseMove**(IE4|N4|O):在鼠标移动的过程中持续触发。它通常用于跟踪鼠标位置...

    ie8下input的title闪烁二次显示问题

    题目中提到的在IE8环境下,当页面加载完毕后,将鼠标光标移到input元素上时,其title属性的内容会出现闪烁现象,并且需要第二次移动光标到该input元素的不同位置才能正确显示title属性的内容。这种问题在其他浏览器...

    55种网页小技巧 ---- 下载无需扣分,具有一定收藏价值

    IE地址栏前换成自己的图标 .html TEXTAREA自适应文字行数的多少.html title显示日期.html 不准粘贴.html 不能为空和邮件地址的约束.html 不要滚动条.html 光标是停在文本框文字的最后.html 关闭输入法.html ...

    js+html+css实现鼠标移动div实例.docx

    "`,以确保它有一个初始位置,否则在JavaScript中计算鼠标相对位置时会有问题。 ```html ; top: 14px;"> ;"> <div class="content"></div> <div class="tail"></div> ``` CSS部分定义了各个`div`的样式,包括...

    jQuery设置聚焦并使光标位置在文字最后的实现方法

    1. 对于IE和其他旧版本的浏览器,使用`createTextRange`方法创建一个文本范围对象,使其折叠到起始位置,然后使用`moveEnd`和`moveStart`移动光标到指定位置,最后通过`select`方法选中这个范围。 2. 对于现代浏览器...

    使用TextRange获取输入框中光标的位置的代码

    但其经典的用途却是,在Web页面中查找文字和获取输入框光标的位置。其中后者又有可以衍生出很多更有用的用途,比如:限制输入的MaskTextBox,其核心技术点就是获取输入框的光标位置,然后使用正则表达式判断输入内容...

    简易的IE浏览器,实现了基本的功能。

    至于压缩包内的“CursorExample”,可能包含了一个关于鼠标光标的示例代码或资源。在Windows Forms应用中,可以更改鼠标指针的外观以适应不同的用户交互情境,例如在进行拖放操作时显示特定的光标形状。 综上所述,...

    全兼容选项卡自动轮换带鼠标悬停

    在实际应用中,为了确保在各种浏览器,特别是较老版本的IE6、IE7和IE8中正常工作,开发者可能使用了CSS Hack或者JavaScript库(如jQuery)来处理浏览器兼容性问题。例如,针对IE6的盒模型问题,可能需要使用特定的...

    JQ鼠标经过标题向上弹出特效

    当用户将鼠标光标悬停在标题元素上时,一个包含相关信息的弹出框会从标题下方向上滑动并显示出来。这种效果能够增强用户对页面内容的理解,同时增添动态美感。 要实现这个效果,我们需要遵循以下步骤: 1. **HTML...

    通用可拖动层示例兼容火狐,IE

    此外,为了提高用户体验,可能会添加一些额外的功能,如阻止默认的文本选择行为,以及在拖动过程中改变鼠标光标形状等。 在实际项目中,开发者可能会选择使用现成的库或框架,如jQuery UI、React DnD、Vue ...

    jQuery往textarea中光标所在位置插入文本的方法

    本文主要介绍如何使用jQuery在textarea元素中光标所在位置插入文本的技术,涉及到的操作和概念包括jQuery库的使用、文本框(textarea)的光标定位与操作、JavaScript中的字符串操作等。文章首先定义了jQuery的扩展...

    浏览器CSS方面兼容手册.txt

    为了实现鼠标悬停时改变光标样式的功能,需要考虑到不同浏览器的支持情况。 **解决方法:** 使用通用的CSS语法来设置指针样式: ```css a:hover { cursor: pointer; } ``` ##### 11. 背景图像兼容性 在使用背景...

Global site tag (gtag.js) - Google Analytics