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

JavaScript011

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）//光标所在元素位置

})