在JavaScript中創建一個提交按鈕

Question

我在這段代碼上做得很好，但希望有一個提交按鈕，除了它之外，它還將幫助我提交表單。 由此，我也想通過控制器中的request.vars獲取輸入文本的值。

this.typeInput = function(callbackFn) {
    var inputWrap = document.createElement("div")
    inputWrap.className = "input-wrap"
    var inputText = document.createElement("textarea")
    inputText.setAttribute("placeholder", "Ask me anything...")
    inputWrap.appendChild(inputText)
    inputText.addEventListener("keypress", function(e) {
          // register user input
          if (e.keyCode == 13) {
            e.preventDefault()
            typeof bubbleQueue !== false ? clearTimeout(bubbleQueue) : false // allow user to interrupt the bot

當我嘗試將一個函數添加為inputText.setAttribute('type','submit')出現黑屏。 我錯過了什么嗎

Answer 1

您的代碼正在創建textarea而不是按鈕，因此替換，

var inputText = document.createElement("textarea");

同

var button= document.createElement("button");

Answer 2

這是您的問題的解決方案：

this.typeInput = function (callbackFn) {
    var inputWrap = document.createElement("div");
    inputWrap.className = "input-wrap";

    var inputText = document.createElement("textarea");
    inputText.setAttribute("placeholder", "Ask me anything...");
    inputWrap.appendChild(inputText);
    inputText.addEventListener("keypress", function(e) {
        // register user input
        if (e.keyCode == 13) {
            e.preventDefault();
            typeof bubbleQueue !== false ? clearTimeout(bubbleQueue) : false;
        }
    }
    var btn = document.createElement("button");
    btn.setAttribute("type", "submit");
    inputWrap.appendChild(btn);
    btn.addEventListener("click", function(e) {
        e.preventDefault();
        typeof bubbleQueue !== false ? clearTimeout(bubbleQueue) : false;
    }
}

Answer 3

var inputText = document.createElement("textarea")正在創建文本區域，您需要創建一個具有type ='submit'的按鈕

var btn = document.createElement("button") btn.setAttribute("type", "button")