代码之家 › 专栏 › 技术社区 › Alex Angas Colin

如何替换内联JavaScript事件处理程序?

javascript-events javascript

Alex Angas Colin · 技术社区 · 15 年前

自定义控件已将以下HTML添加到页面:

<ie:menuitem
  menugroupid="200"
  description="Create a site for a team or project."
  text="New Site"
  onmenuclick="if (LaunchCreateHandler('Site')) { STSNavigate('\u002fsites\u002fsd\u002f_layouts/newsbweb.aspx') }"
  iconsrc="/_layouts/images/newweb32.png" type="option" id="zz4_MenuItem_CreateSite"></ie:menuitem>

我在试着替换 onmenuclick 处理程序:

var createSiteMenuItem = document.getElementById('zz4_MenuItem_CreateSite');
if (createSiteMenuItem)
    createSiteMenuItem.onmenuclick = function () { alert('Hello!'); }

原来的操控者还在开火!我正在确保脚本在文档加载后运行。

这是正确的方法吗?

3 回复 | 直到 15 年前

staticsan 15 年前

问题是直接分配给 onmenuclick 是不可靠和不标准的。你需要使用 attachEvent() (IE)或 addEventListener()

编辑

正如下面所解释的,实际的问题是在Javascript中,元素属性是区分大小写的,尽管HTML是不区分大小写的 "onMenuClick" .

Larry K 15 年前

可以动态生成id。所以,一次是“zz4菜单创建网站”,下一次是其他网站。检查方法:观察多个下载的html源代码,看看id是否不同。

这个 msdn article

建议:

Community Mohan Dere 9 年前

我已经标记了 staticsan 的回答是正确的- onmenuclick 是不标准的,这就是问题发生的原因。然而,最初提出的决议并不完全正确。这已经被纠正了,但这里是完整的背景故事。。。

鼠标单击 膨胀而不是一个事件。这意味着 attachEvent 和 addEventListener

VS debugger of this code

决议要简单得多。我将大小写改为Visual Studio调试器中显示的大小写 onMenuClick 而不是 鼠标单击 . “假事件”现在正确触发。

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前