下面是一个JavaScript项目的示例,其中描述字段在单击编辑按钮时进入编辑模式。这显示了一个隐藏的文本区域,一些选项卡在编辑和预览标记输出之间切换,以及保存和取消按钮都会显示出来。
一旦该描述被保存或取消,将触发它“关闭”脱离编辑模式。
现在,要脱离编辑模式,您必须单击下面图像中的“保存”或“取消”按钮。
我想要自动关闭时,用户单击外部的编辑模式部分。因此,单击与编辑模式无关的任何地方都会触发“关闭编辑模式”的JavaScript代码。
就像..。
If in edit mode{
if click on any selector that is not .edit-btn, .
在下面的图片中,当用户单击黄色块内的任何位置时,我希望打开一个模式,包括如果用户单击白色“+”标志。问题是,单击事件发生在不同的目标上,取决于用户是单击黄色部分,还是单击白色“+”符号。
到目前为止,在我的JavaScript代码中,我一直这样处理它,但是我想知道是否有一种更好、更短的方法可以做到这一点,而不需要使用II操作符:
function openModal(e) {
if (e.target.classList.contains('project-box__picture-box') || e.target.classList.contains('proj