个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
26
4
我正在尝试获取图像映射的 HTML “area” 元素的 target/srcElement。
这是我目前所拥有的(请原谅数据 URI):
<map name="dpad">
<area id="dpad"shape="rect" alt="" title="" coords="1,14,12,24" onmousedown="move('l',false,event);" target="" />
<area shape="rect" alt="" title="" coords="15,2,24,12" onmousedown="move('u');" target="" />
<area shape="rect" alt="" title="" coords="27,15,38,24" onmousedown="move('r');" target="" />
<area shape="rect" alt="" title="" coords="15,27,25,38" onmousedown="move('d');" target=""/>
</map>
<img width="40"height="40"src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAABp0RVh0U29mdHdhcmUAUGFpbnQuTkVUIHYzLjUuMTAw9HKhAAADDElEQVRYR+2ZvYoiQRSFW1EMVkEzI2XfydQH2GwGDTfczFRYNNBBUDFQUFN9ATXQwEEDRQ3UB3ADQajpr7Gkp8f+k2G6F2bg0jVVt+qcrp9zb5cBxeVfMpmMnE6nX+fz+U8kEvkRCoUsR7hcLorq+0/1/R2NRv8ej8ezS0h37uFwOBEMBkupVErk83lRKBQsDR986UNfd2gPeAcCgYRqpUwmI+bzuTgcDjcbj8cC09fhgy996PsApLsukmA2mxWLxeJGhnKz2dTMWI+vpwRXq5XodDqi3W5rRpk6ZhKynhLc7XZiMBiIVqsler2eZpSpo81zgqPRSDQaDdHtdkW/39eMMnXsR08JTqdTUSqVRK1WE/V6/Z1RVy6XBT6eLTEzNJlMLA0fzwjqT6teWvRlT5f4myASnU6nI4SgqwA7ef5UfV+MQu1giV/UfvR1gpGAE9wUNYA/EyevSu/kCdDrAwRfeTGnOHCKxWLPipqNnAjmxEtAnVqxWBTr9fpd3L03i/jg63Rc/OACJ7gxg1pWQlBn0+sNDZNia2wDeL/f3wgSNWazmWaUJVl88DX253/GBsPYBhc4wU2Jx+NauqR/ewCIEIgwOme2v6jfbDZiOByKarWqCTZWqVS0UEebVV/GBgMs/UvRB05w+0CQIM/ghCrA7AhCjihCDJahjjJ1tNkRBAMsMGWCYUqQqSYTIdgTTwGxIshbM3N6cnqStG23W1OSjA0GWGCCLbX1wwyyH8jlSJckoB1B9hszIEkZn7ThYzaLkiD9wAQbDnD5/wjylsvl8lOXmMPidonh8GWHhI3/qYdEDsbmZx+Qz9md4nsyw+HgBDuRGTDAMpUZxDCXy5kKNQTviaxRqFlKKdT6ZbUSasY2E2o4aULt+1BHQPZ1suD7dMvdZ7uimH24O8gHvb1Z+CbodKn1Sywvi+yenn12omEIrUyZSJuk+eLDXWbFvr36gKDvL484vb6+fpPy4rsLTN9eAesv0ck47C7R8fnSS3R+hlDToCeV6Il0iE9DK8Pn6vtEX6d6K/3eAH0oKaUOiMCyAAAAAElFTkSuQmCC"usemap="#dpad"/>
所以，对于 dpad 上的左箭头，我有一个函数被称为 onmousedown，move(dir,hold,e)。
这里是启动的函数:
function move(dir,hold,e){
var p=document.getElementById('test');
alert(e);
}
这让我很困惑，为什么我在点击该区域时得到 "undefined"。有人可以详细解释我如何获得目标吗？
我是否需要在我的 HTML 代码中包含 'event' 作为参数？我什至需要一个参数吗？
另一方面，有些事情让我很困惑。
所以，我无法获取该元素的目标，但这工作得很好:
<div class="male1-d" id="test" data-sprite="male1" onclick="alert(event.target+' '+this.style.left+' '+this.style.top);"></div>
我忘了说，对于 Opera，我指的是移动版(？)9.50 版。
最佳答案
在一些浏览器中，'event'是window的一个属性。但是你需要在其他浏览器中包含'event'作为参数。所以你的移动函数应该如下所示:
<html>
<body>
<button onmousedown='move(event)' id='btn' name='a button'>click</button>
</body>
<script>
function move(e){
var e=e||window.event;
var target=e.target||e.srcElement;
alert(target);
alert(target.id);
alert(target.name);
}
</script>
</html>
关于javascript - event.target/srcElement 在 Chrome 和 Opera 中不能 100% 工作，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14313252/
26
4
0
我对 JS 事件“onclick”及其在非常具体的情况下的工作方式有一个具体的问题。我有一组嵌套的 DIV，看起来像这样(有点): 在代码中: DIV的具体位置是任意的，只
我尝试避免资源管理器在 srcElement 中抛出错误，它没有此功能。我有 function (event) { if (event.srcElement) { va
我正在构建一个自定义公司层次结构，并且需要能够“提升”一个 Div 在公司图表中的排名。我将触发器作为一个跨度放置在每个 div 内。单击事件设置为查找父 div 并将其与上一个 div 交换。我工作
我对跨浏览器兼容性有疑问。 我想在下面的代码中使用 event.target 而不是 event.srcElement 来使其适用于 Firefox。 我使用了target = event.targe
为了学习 Angular 的基础知识，我决定编写一个小数独游戏。这里是动态构建数独网格的 html: {{cell}
我目前正在使用 oncontextmenu 检查右键单击: window.oncontextmenu = function (e) { ... } 我知道如何获取目标 HTML，但我想知道如何
我正在更新一些旧代码以在 Firefox 中工作，但遇到了问题。 在代码中，有一个如下所示的函数: function tableEnter() { myLocation = event.sr
目前，我有一个非常适合 IE、Chrome 和 Safari 的函数，用于获取我在 Gridview 中放置焦点的文本框的 ID 名称。 function onTextFocus() {
我在 div 对象中有一些图像，当 mousedown 事件触发时，我使用 n.srcElement 来捕获图像对象。 在 Firefox 中，它是 n.target 但是，IE9 不适用于 n.ta
我一直在为跨浏览器事件处理构建一个轻量级事件实用程序，但遇到了一个相当高的障碍，我无法完全跳过。这是关于 IE9 中的 srcElement 属性，它对我不起作用! 目前，我的实用程序看起来像这样(s
我正在开发一个网站，现在正在所有浏览器中进行测试，我目前正在 firefox 中进行测试，并且在使用 event.sourceElement 时发现错误？ 我需要 e.srcElement 做的是返回
我使用 for 循环将 onClick 监听器添加到我的文本框，当用户单击文本框时，它会获取其 ID。 我想要做的是将要获取的 ID 转换为字符串，因为有些任务需要我使用字符串而不是 ID。 var
以下不适用于 firefox。我正在尝试在单击时删除表格行。谁能帮忙。非常感谢。 function delRow(){ if(window.event){ var current
我是 TypeScript 新手，正在 React.js 中重写箭头函数。 这是目前的样子: handleChange = (event): void => { const target
我有一个用 javascript 编写的函数，我想用 jQuery 重写它，这是函数代码: function onclickRbtn(controlID , Message) {
window.event.srcElement.options(window.event.srcElement.selectedIndex).value 适用于 Internet Explorer(和
我试图理解部分javascript代码，引用代码是:Link ，现在还有 2 个 css 文件，第一个包含(sansStyle.css): body, p, td, ol, ul, select, s
我有一个即时搜索，结果进入“instant-search”div。还有另一个 div“search-radio”，我在其中保留了选择搜索类别的选项。 我已经设置了一个删除结果的文档点击事件，但是当点击
_eventButtonElement = window.event.srcElement; 我怎样才能在 firefox 中解决这个问题？ 最佳答案 Firefox 使用传递给事件函数的事件参数 从
以下 JavaScript 函数在 iOS 4 上有效，但在 iOS 5 上给出错误的输出: var attribs = event.srcElement.attributes; myWebP
我是一名优秀的程序员,十分优秀！