标签: dom-events

我有这个JS代码：

var propertyYield = annualRent / propertyValue * 100.0;

在特定场景中，结果为 4.999。

所以当我这样做时

propertyYield.toFixed(2)

我得到的财产收益率为 5.00。

我想要实现的是实际得到 4.99 而不是 5.00 四舍五入到小数点后两位。

我怎样才能做到这一点？

Promise 异步函数应该如何与事件结合完成？

function f() {
  return promisedFunction().then(event => {
    let buf = '';
    event.on('data', data => {
      buf += data.toString()
    });
    event.on('end', () => {
      return buf;
    });
    // how should I return buf here so that the promise would resolve fine?
  });
}

我在 Javascript 运行时中有一个选项卡的方法，我想从扩展的内容脚本中触发该选项卡。从表面上看，这需要在上下文之间传递消息，但我找不到 CS 到选项卡消息的任何文档，只有选项卡到 CS 或 CS 到后台。本质上，我想翻转内容脚本参考的“与嵌入页面的通信”部分。

到目前为止，我window通过注入一个小的 Javascript 有效负载将事件侦听器附加到选项卡（这将在正确类型的消息上触发选项卡方法）：

listenerScript = document.createElement('script');
listenerScript.textContent = "window.addEventListener('message',function(ev){console.log('New event: ' + ev);},false);console.log('installed');";
(document.head||document.documentElement).appendChild(listenerScript);
listenerScript.remove();

该侦听器已注册，但我无法弄清楚如何从我的内容脚本触发它。window.postMessage()内容脚本中的似乎没有做任何事情，并且文档仅讨论使用chrome.runtime创建端口，这是用于后台脚本的。

如何以最简单的方式将消息从内容脚本传递到选项卡？

我正在从 ajax 轮询切换到 socket.io 实时数据推送，但对管理事件的最佳实践有疑问。

假设我有一个像这样的基本服务器：

var Clients = [];
// Event fired every time a new client connects:
io.on('connection', function(socket) {
    Clients.push(socket);
    // What else should go in here?
    // Individual functions for each event?

   socket.on('chat message', function(msg){
        console.log(':> '+msg);
        io.emit('chat message', msg);
    });

    // When socket disconnects, remove it from the list:
    socket.on('disconnect', function() {
        var index = Clients.indexOf(socket);
        if (index != -1) { Clients.splice(index, 1); }
    });
});

在示例中，有一个chat message事件，但理想情况下还有许多其他事件我想实时推送给客户端，例如：

用户发送消息、用户开始/停止打字、用户喜欢帖子、用户邀请您成为朋友/群组成员等等。

我想实时捕获许多事件，但似乎必须有一种比在io.on()声明中塞满所有事件更好的方法。

我研究过 …

我有一个定义事件侦听器的类方法。为简单起见，让我们使用以下代码片段。

function bindEvents() {
    document.querySelector('button').addEventListener('click', (e) => {
        console.log('clicked!');
    }); 
}

// Initial event binding
bindEvents();

// Rebind events at some point for dynamically created elements
bindEvents();

<button type="button">Click</button>

仅使用一次时一切正常bindEvents()，但是例如在 ajax 回调中再次调用它会导致侦听器执行两次。所以这意味着在第二次之后bindEvents()，单击按钮将console.log()两次，依此类推。有什么办法可以绕过这种行为吗？

我知道我可以在文档上“动态”绑定事件并使用 进行检查e.target，但在某些情况下我需要mouseenter/ events 并且我认为始终将这些事件放在文档上mouseleave并不是一个好主意。eventListeners

我在某处读过以下内容，但似乎是错误的......

.addEventListener 方法确保相同的函数引用不会多次绑定到相同的元素/事件/捕获组合。

我也使用了options这里的参数https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener，但没有成功。

对不起，如果这个问题在某个地方得到了回答，但我未能在 SO 和搜索引擎中找到答案。

更新：有没有办法覆盖现有的事件监听器，或者应该使用下面建议的kcpremoveEventListener删除旧的事件监听器？有没有更优雅的解决方案来解决这个问题？