js event 兼容问题

原创于 2009-07-25 15:19:00 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#function #浏览器

js学习专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个使用JavaScript编写的函数toggleHighlight，该函数能够根据鼠标悬停事件或按键事件为DOM元素添加或移除高亮样式。通过兼容不同浏览器的事件处理方式，此函数实现了简洁且实用的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function toggleHighlight(evt)
{
     evt = (evt) ? evt : ((window.event) ? window.event : "")

     // 这行是我新加的，用于获得当前的keycode，为了浏览器兼容要写不少莫名的代码 -_-!
     keyCode = evt.keyCode ? evt.keyCode : (evt.which ? evt.which :evt.charCode);

     if (evt) {
          var elem = (evt.target) ? evt.target : evt.srcElement
          elem.className = (evt.type == "mouseover") ? "highlight" : "normal"
     }
}