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

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

This topic created in 1945 days ago, the information mentioned may be changed or developed.

为了容易维护，方便区分表格，和测试等事情
我没有在 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 replies • 2021-01-23 18:13:56 +08:00

ashong

Jan 22, 2021 via iPhone

=function(e){
e.target
}

shakaraka

PRO

Jan 22, 2021

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

dd112389

Jan 22, 2021

没懂楼主的描述.
还有 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
}