javascript - 重新添加事件监听器
问题描述
我对 Javascript 还是比较缺乏经验
问题...是否可以重新添加事件侦听器?我有一个页面,我试图从浏览器窗口中滑出,但点击后又重新进入,要求(我认为?)我取消重新添加事件侦听器。我的整个设置可能是错误的。我希望我问的是正确的问题。
到目前为止,它的行为正常,直到需要重新添加事件侦听器。
想法?
window.onload = function() {
var $toggle = document.getElementById('toggle');
var $back_messages = document.getElementById('back_list');
var swipeMotion = function() {
var isOpen = $toggle.classList.contains('slide-in');
$toggle.removeEventListener('click', swipeMotion);
$toggle.setAttribute('class', isOpen ? 'slide-out' : 'slide-in');
};
$toggle.addEventListener('click', swipeMotion);
$back_messages.addEventListener('click', function() {
var isOpen = $toggle.classList.contains('slide-out');
$toggle.setAttribute('class', isOpen ? 'slide-in' : 'slide-out');
});
$toggle.addEventListener('click', swipeMotion);
}
<main>
<div class="slide-in" id="toggle">
<div class="container-fluid">
<div class="row">
<header>
<h1>Abberant Artist - Paula Bailey UI Designer</h1>
</header>
</div>
</a>
<div class="row incoming_message">
<icon>hi an icon of the "person sending the thing</icon>
<div>
<p> short description in gray-ish tones of what its about, with ellipses on the end... </p>
</div>
</div>
<div class="row incoming_message">
<icon>About</icon>
<div>
<p> Hey, here's that info you wanted... </p>
</div>
</div>
<!-- ... -->
解决方案
推荐阅读
- r - 如何读取复杂的数据集跳过行并以编程方式确定 R 中每行的条目数
- html - 浏览器选项卡图标未显示
- python - 如何使用 Flask 读取我的数据中的单个文件
- r - 你如何将时间间隔数据更改为 R 中的每分钟数据?
- azure - 在 Outlook Web 加载项中使用身份验证代码流获取访问令牌
- php - 如何在 php 中为 send_mail 生成 unique_id
- go - 为什么 Println() 调用错误接口的行为?
- git - Git LFS 没有提交大文件
- reactjs - 使用 useEffect 处理 API 调用与使用 useCallback
- sql - 使用最新消息获取分页对话