javascript - event.stopPropagation 不是一个函数

Question

这是我的第一个问题，我担心这可能是一个愚蠢的问题，但我花了很多时间试图解决这个问题，但我失败了。

我正在使用 DataTables 插件并尝试创建一个具有可折叠行的表。这些行将有“选择”按钮，每个按钮都有自己的 .on(“click”) 函数。单击子行时，其单击函数及其父行的函数都会执行。我很确定这是因为事件正在冒泡 DOM 元素(子行到父行)，并且我尝试在 click 函数中使用 event.stopPropogation() ，但无论我尝试什么，我收到错误消息:“event.stopPropogation() 不是函数”

这是我的基本表格设置:

function _table(targetDiv) {

  var keyTable = d3.select("#juice").append("table")
    .attr("id", "keyTable");

  var keyHead = keyTable.append("thead");
  var columnNames = [null, "CPC", "Description"];

  keyHead.append("tr")
    .selectAll('td')
    .data(columnNames).enter()
        .append('th')
        .html(function(d) { console.log(d); return d; });

  $(document).ready(function() {
    table = $('#keyTable').DataTable({
        "ajax": "testing.txt",
        "columns":[     
            {
                 //some stuff
            }
        ]
    });

在我的事件监听器中(我相信这就是所谓的)，我尝试了多种方法，但这些方法都不起作用:

        $('#keyTable tbody')
        .on("click", 'tr', function(event){

             //add children and whatnot
             event.stopPropogation();
        }

我总是遇到同样的错误:Uncaught TypeError: event.stopPropogation is not a function

如果我需要添加更多信息或任何我遗漏的代码，请告诉我。

Answer 1

该函数是 stopPropagation，带有 a - 而不是 o。