javascript - stopPropagation 似乎不起作用

标签 javascript dom-events

我正在尝试在具有点击事件的 DIV block 内实现一个链接。

我希望在用户点击链接时不运行外部 DIV 点击事件。

我的链接看起来像:

<a href="javascript: openVideo('videoID', this, event); " >Watch the video</a>

JavaScript 看起来像:

 function openVideo(video, object, event) {
 
    $(object).html($(object).html()+"<iframe width='360' height='315' src='http://www.youtube.com/embed/"+video+"' frameborder='0' allowfullscreen></iframe>");
 
    event.stopPropagation();
 }

不幸的是,当我点击链接时,它会执行外部 DIV 代码,并显示与 stopPropagation 方法相关的错误:

Uncaught TypeError: Cannot call method 'stopPropagation' of undefined

可能是什么问题?

最佳答案

因为没有事件被调用。尝试这样调用它:

<a href="#" onclick="openVideo('videoID', this, event); " >Watch the video</a>

关于javascript - stopPropagation 似乎不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11195491/

相关文章:

javascript - 无法监听新创建的元素上的事件

reactjs - 防止 Material ui 中的行单击和对话框的事件传播

javascript - 为什么 'debugger' 会阻止事件(keydown -> onInput)被触发

javascript - 提取标签结束和开始之间的文本

java - 为什么 "paragraph reference component"显示空图 block (Geometrixx 示例)?

javascript - 在仅年份模式下更新 Bootstrap 日期选择器值

javascript - 为什么我不能将 "keypress"事件用于 "p" key ?

javascript - 使用 Angularjs module.service 进行原型(prototype)继承

javascript - 简单的函数返回我在 JavaScript 中没想到的数字

Javascript 检查键盘状态