Onmouseover= function ()这种写法，如何传入元素对象本身？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

Meteor

JSLint - a Javascript code quality tool

jsFiddle

D3.js

WebStorm

推荐书目

Javascript 权威指南第 5 版

Closure: The Definitive Guide

这是一个创建于 1727 天前的主题，其中的信息可能已经有所发展或是发生改变。

为了容易维护，方便区分表格，和测试等事情
我没有在 testtbl 的 table 标签上使用 Onmouseover=someFunction(event,this)的方式去调用函数...
目前只用.Onmouseover= function ()的

 tartable = document.getElementById('testtbl'); tartable.Onmouseover= function (event,obj) { // <--obj 改 this 是不行的 t_clientX = event.clientX - obj.offsetLeft; y_clientY = event.clientY - obj.offsetTop; document.all('tester').innerHTML = t_clientX }

想获得鼠标在 testtbl 这个表格元素内的 tx,ty 坐标，
然后只在表格范围内画一个跟随鼠标游动的十字准星光标

8 条回复 2021-01-23 18:13:56 +08:00

ashong

2021-01-22 01:08:43 +08:00 via iPhone

=function(e){
e.target
}

shakaraka

PRO

2021-01-22 01:29:44 +08:00

你是想获取 tartable 本身？
document.getElementById('testtbl').Onclick= function(e){ console.log(e.target) }
或者
document.getElementById('testtbl').Onclick= function(){ console.log(this) }
都行，建议第二种

dd112389

2021-01-22 02:46:29 +08:00

没懂楼主的描述.
还有 document.all 不是个方法是个对象吧. 参考: https://developer.mozilla.org/zh-CN/docs/Web/API/Document/all
如果是想在一个容器内获取坐标直接绑定 mousemove 事件然后拿 event 获取不就好了？
如果你是想在事件中拿到自身元素的话可以这样写:
let table = document.querySelector('#testtbl');
table.Onmousemove= function () {
console.log(this === table) // true
}
或者
table.Onmousemove= () => {
console.log(table) // Element
}