jquery 或者js 怎么获取页面光标所在的元素?

JavaScript06

jquery 或者js 怎么获取页面光标所在的元素?,第1张

需要准备的材料分别有:电脑、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元素上。

jquery 或者js 获取页面光标所在的元素有如下两种方式:

1.通过焦点获取光标所在元素

光标所在一般都在文本框里面(该方法只适用于input,textarea)

$("input:focus") //光标所在input元素的位置

$("textarea:focus")//光标所在textarea元素的位置

$("input:focus,textarea:focus")//光标所在元素的位置

2。通过点击事件获取光标所在元素

获取鼠标点击元素的位置(适用于所有元素)

$("*").click(function(e){

$(e.target)//光标所在元素位置

})