跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • onmouseover = function ()这种写法,如何传入元素对象本身?
未分類
5 2 月 2021

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

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

資深大佬 : qazwsxkevin 10

为了容易维护,方便区分表格,和测试等事情
我没有在 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)

  • 資深大佬 : ashong

    =function(e){
    e.target
    }

  • 資深大佬 : wunonglin

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

  • 資深大佬 : dd112389

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

  • 資深大佬 : Elethom

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

  • 主 資深大佬 : qazwsxkevin

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

  • 資深大佬 : krixaar

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

  • 資深大佬 : rodrick

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

  • 資深大佬 : SoloCompany

    有被 document.all 笑到

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具