jQuery/JavaScript - Firefox 上的 event.target.id

Question

我编写了一个简短的脚本，在 Chrome 上运行良好：

function updateSentence(){
    $(document).ready(function() {
        t = event.target.id;
        $("#S"+t).html($("#"+t).val());
    });
}

但是，在 Firefox 事件中没有定义。我发现了一些类似的问题，这些问题表明需要将事件作为参数传递给函数：

function updateSentence(event){
    $(document).ready(function(event) {
        t = event.target.id;
        $("#S"+t).html($("#"+t).val());
    });
}

然而，对我来说，这个解决方案并不能解决 Firefox 的问题，它实际上破坏了它在 Chrome 中的工作方式。在 Chrome 中，最终会说 event.target 在传递这些参数时未定义。

我做错了什么？

在收到几个 cmets 后，我意识到我对 jQuery 的总体看法是错误的。我不想在每次更新句子时都调用$(document).ready。用这些知识清理函数我最终得到了：

function updateSentence(){
    t = event.target.id;
    $("#S"+t).html($("#"+t).val());
}

这仍然可以正确更新 Chrome 中的句子，但 target 在 Firefox 中仍然未定义。我需要做什么才能让它在 Firefox 中工作？我还在 jQuery 中做一些根本错误的事情吗？

另外，要回答 cmets 中的问题，我要查找的事件是触发 updateSentence() 的 onchange 事件。这应该在选择/文本字段更改时调用。

（总的来说，我对jQuery 和JavaScript 还是新手，我确信我只是犯了一个简单的错误。）

---

我找到了答案。当网站允许时，我会在几个小时后发布。

Answer 1

是的，非常好。如果您重新考虑如何做到这一点，那就更有意义了。 将您的绑定与您的功能分开，这就是您正在做的事情的一半。

$(function() { // Equivalent of Document Ready; You only need this once; 
  // BINDINGS HERE
  $('someSelector').on('change keypress', function(event) {
    updateSentence(this);
  });
});

function updateSentence(elem) {
  $('#S' + elem.id).html( elem.value ) ; 
}

此外，这是我建议不要使用辅助功能的情况之一。在某些情况下，您想要做的事情很简单，以至于很难证明有一个函数可以调用，而不是您在绑定上所做的事情。

$(function() { 
  $('someSelector').on('change keypress', function(event) {
    $('#S' + this.id).html( this.value ) ; 
  });
});

您会注意到在这两种情况下都不需要event。但是，即使对于 FF，它也是可用的，因为它将作为 n 参数 (function(event)) 传入。

在 FF 的代码中未定义“目标”的原因是 FF 不会像大多数浏览器一样从空中抓取event。因此，如果您无法设置代码以消除对event 的需求，或者像我的示例中那样将其传递，您可以通过window.event 引用它。

Answer 2

在考虑了上述 cmets 中提到的内容并进一步阅读了我正在做的事情之后，我找到了问题的答案。首先，每次调用该函数时，我都错误地使用了$(document).ready 调用。接下来，我对如何将 ID 传递给函数的理解似乎不正确。似乎它不是自动通过的，而是必须手动完成。因此，我最初对为什么其他评论者对我的问题感到困惑感到困惑。无论如何，知道这些事情后，我结合其他两个已回答的问题找到了答案。它们可以在以下两个 Stack Overflow 问题中找到：

• Getting the ID of the element that fired an event

• JavaScript - onClick to get the ID of the clicked button

我确定我在这个解释中仍然说错了，但我很快就会了解更多。