javascript - 使 "input"按钮文本不可编辑

Question

使用javascript字典创建作业列表，有两个元素:text(标题)和text2(哈希 anchor 链接)

    var cell2 = row.insertCell(1);
    var element2 = document.createElement("input");
    element2.type = "viewButton";
    element2.value = todoDictionary["text"];
    var link= todoDictionary["text2"];
    element2.id = rowID;
    element2.setAttribute("onclick","window.location.hash = link");
    element2.className = "viewButton";
    cell2.appendChild(element2);

显示列表时，当我单击项目标题时，它会在转到链接之前暂时调出键盘。我认为这是因为它是一个“输入”项目。我在 document.createElement 中尝试了“标签”和“文本区域”而不是“输入”，但标题没有显示。 有什么办法使它仍然是一个按钮，但标题不可编辑？

编辑: 新一期@david thomas 当我将元素类型更改为按钮时，它现在会忽略我放入文件中的“viewButton”CSS。首次发布时，它保持了正确的风格。第二次启动时，它默认为 jquery CSS。但如果我添加新项目，它们就会采用正确的样式。

如果我将元素类型保留为“viewButton”，样式将保留，但它也允许编辑文本。

我以前也遇到过这个样式问题，我通过在 jquery CSS 中添加“viewButton”样式来解决这个问题。 CSS style not sticking

关于如何覆盖样式有什么想法吗？

诺埃尔

Answer 1

为什么使用element2.type = "viewButton" ？试试type="submit"或<button> .