JavaScript事件的顺序

我有一个按钮，这个按钮应该包装文本和取消包装它，我如何使按钮取消包装文本的第一次点击，然后下一次点击包装它？ 包装是通过属性

空白

完成的

//将状态拆分为两个块
功能完整视图（e）{
//检查元素是否为目标元素
如果（e.target.parentElement.className=='note'）{
//第一个状态为“取消换行”文本
if（e.target.style.whiteSpace=='normal'）{
//把它换成包裹的
document.querySelector（“.note content”）.style.whiteSpace=“nowrap”；
}否则{
//将其转换为未扭曲的文本
document.querySelector（“.note content”）.style.whiteSpace=“normal”；
}
}
}

你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！

从

fullView

的内容中，我假设您已将其设置为

单击
上的
处理程序。注意内容。如果是这样，最简单的方法是定义CSS类：

.nowrap {
    white-space: nowrap;
}

…并在
fullView
中切换：

function fullView(e) {
  e.target.classList.toggle("nowrap");
}

实例：


//将状态拆分为两个块
功能完整视图（e）{
e、 target.classList.toggle（“nowrap”）；
}
document.querySelector（“.note content”）.addEventListener（“单击”，全屏显示）
.nowrap{
空白：nowrap；
}


你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！

从
fullView
的内容中，我假设您已将其设置为
单击
上的
处理程序。注意内容。如果是这样，最简单的方法是定义CSS类：

.nowrap {
    white-space: nowrap;
}

…并在
fullView
中切换：

function fullView(e) {
  e.target.classList.toggle("nowrap");
}

实例：


//将状态拆分为两个块
功能完整视图（e）{
e、 target.classList.toggle（“nowrap”）；
}
document.querySelector（“.note content”）.addEventListener（“单击”，全屏显示）
.nowrap{
空白：nowrap；
}


你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！
你好，世界笔记！！

非常感谢非常感谢