技术解析

onmouseover = function ()这种写法,如何传入元素对象本身?
0
2021-08-11 06:55:49
idczone

为了容易维护,方便区分表格,和测试等事情
我没有在 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 坐标,
然后只在表格范围内画一个跟随鼠标游动的十字准星光标


=function(e){
e.target
}

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

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

现在不会读文档也能当程序员了吗。
https://www.google.com/search?q=onmouseover+mozilla

抱歉,正职还真的不是程序员,临时临急要上一些功能,如果打扰您了,万分抱歉

这问题还没解决呢,不那么完美主义的话,换我早就一个十字线.svg 加几行 css 搞定了,至于十字线超出表格范围了,又不是强迫症……

mouseover 是移入事件,e.target 是移入目标元素,e.relatedTarget 是移出对象。子元素的 mouseover 是会冒泡的,冒泡中 e.target 是当前冒泡到的元素,而 this 是 event 发生的元素。注意一下这几点就差不多了

有被 document.all 笑到

数据地带为您的网站提供全球顶级IDC资源
在线咨询
专属客服