mootools 鼠标事件目标

发布于 2024-11-18 16:10:10 字数 203 浏览 0 评论 0原文

就mootools鼠标事件而言,“目标”、“相关目标”和“fromelement”之间有什么区别?

例如,在下面的代码中为什么没有使用 target 以及为什么有 ||涉及?

'mouseenter':function(e){
var reltar = e.relatedTarget || e.fromElement;
}

whats is the difference between a "target" a "relatedTarget" and a "fromelement" in terms of a mootools mouse event?

for example in the following code why is target not being used and why is there a || involved?

'mouseenter':function(e){
var reltar = e.relatedTarget || e.fromElement;
}

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

记忆で 2024-11-25 16:10:10

基本上,

目标是事件正在分派的元素。即

$('el').addEvent('mouseenter',function(event){
    console.log(event.target) //target refers to the 'el' element.
}

latedTarget 是鼠标悬停/输入时鼠标来自的元素。

fromelement 是 MS 实现 latedTarget 功能的方法。因此,

var reltar = e.relatedTarget || e.fromElement;

是一种跨浏览器的方式来检测鼠标来自哪个元素。

Basically,

The target is the element the event is dispatching on. i.e.

$('el').addEvent('mouseenter',function(event){
    console.log(event.target) //target refers to the 'el' element.
}

The relatedTarget is the element the mouse came from in case of mouseover/enter.

fromelement is the MS way to implement what relatedTarget does. Therefore,

var reltar = e.relatedTarget || e.fromElement;

is a cross-browser way to detect what element the mouse came from.

痴梦一场 2024-11-25 16:10:10

W3C 规定 event.latedTargetmouseover 事件中鼠标来自的元素,或者是鼠标在 mouseout 事件中转到

但是,IE 对于这两种情况使用两个单独的属性: event.fromElementmouseover< 中鼠标来自的元素/code> 事件,而 event.toElement 是鼠标在 mouseout 事件中转到的元素。

您可以在 Peter-Paul Koch 的以下页面上找到更多详细信息和一些示例(那里有非常好的内容):

http://www.quirksmode.org/js/events_mouse.html

W3C says that event.relatedTarget is the element where mouse comes from in a mouseover event, or the element that the mouse goes to in a mouseout event.

However, IE uses two separate properties for those two cases: event.fromElement is the element the mouse comes from in a mouseover event, while event.toElement is the element the mouse goes to in a mouseout event.

You can find more details and some examples on the following page by Peter-Paul Koch (very good content there):

http://www.quirksmode.org/js/events_mouse.html

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文