Question

使用不同的按钮制作一个简单的文本编辑器，以进行文本样式设置。问题是当我单击粗体按钮以使文本变为粗体时，它将fontWeigth ='bold'应用于文本，但随后立即返回到'normal'。香港专业教育学院试图隐藏与其他按钮单击一些'div'，但相同的问题不断发生（它们消失并再次出现）。

如果有人知道如何像按钮一样制作用于选择的图标，请给我启发。

JavaScript：

function getId(x) {
return document.getElementById(x);
}

getId('bold').addEventListener('click', function () {
if (getId('text').style.fontWeight == 'bold') {
    getId('text').style.fontWeight = 'normal';
}
else {
    getId('text').style.fontWeight = 'bold';
}
})

getId('edit-btn').addEventListener('click', function() {
    getId('editWrapper').style.display = 'block';
    getId('formWrapper').style.display = 'none';
    getId('main').style.display = 'none';
    getId('textArea').style.display = 'block';
})

请签出代码笔： https://codepen.io/INR4GE/pen/LXzYOj

Answer 1

您需要将type="button"添加到您不想提交表单的任何按钮上

带有JavaScript“点击”事件的问题

1 个答案: