需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,编写基础代码。
2、在index.html中的<script>标签,输入js代码:
var el = window.document.body
window.document.body.onmouseover = function(event) {
el = event.target
$('body').append('<br/>当前鼠标在' + $(el).html() + '元素上')
}
3、浏览器运行index.html页面,此时鼠标移动到123上,会打印出光标在123元素上。
关键字是selectionStart和selectionEnd 以及setCaretPos()函数可以再去搜搜
div中是没有光标的, textfield中可以使用selectionStart获得光标位置
当使用JavaScript点击元素,但光标不移动时,可能是因为没有正确设置光标位置。可以通过设置光标位置来解决这个问题,例如,可以使用JavaScript的selectionStart和selectionEnd属性来设置光标的位置。另外,也可以使用JavaScript的focus()方法来设置光标的位置,这样就可以让光标移动到指定的位置。此外,也可以使用CSS的cursor属性来设置光标的位置,这样就可以让光标移动到指定的位置。总之,只要正确设置光标位置,就可以解决JavaScript点击元素时光标不移动的问题。