輸入時輸入html輸入類型按鈕

Question

有誰知道如何在我的情況下輸入提交按鈕？

<div data-bind="with: idea">
    <input type="text" data-bind='value:itemToAdd, valueUpdate: "afterkeydown"' />
    <input type="button" id="addButton" data-bind="click:$parent.addItem, enable: itemToAdd" value="add" />
    <ul data-bind="foreach:allItems">
        <li> <span data-bind="text:$data"></span>
                <input type="button" data-bind="click:$root.removeItem.bind($parent, $data)" value="-" />
        </li>
    </ul>
</div>

這是小提琴

Answer 1

我建議這樣實現它：

<form data-bind="with: idea, submit: addItem">
    <input type="text" data-bind='value:itemToAdd, valueUpdate: "afterkeydown"' />
    <input type="submit" id="addButton" data-bind="enable: itemToAdd" value="add" />
    <ul data-bind="foreach:allItems">
        <li> <span data-bind="text:$data"></span>
                <input type="button" data-bind="click:$root.removeItem.bind($parent, $data)" value="-" />
        </li>
    </ul>
</div>

我的想法如下：您使用form包裝控件submit其添加submit綁定，這意味着將在表單提交時執行操作。 現在，在您實際提交的表單中按Enter鍵，這就是執行submit操作的原因。