Question

我正在尝试创建一个问题/答案互动，用户可以在其中输入食物，看看我的朋友是否过敏。逻辑功能，但现在人们抱怨说，当他们击中＆＃34;进入＆＃34;键入后，它会在答案中打破行而不是触发按钮。手机用户发现这特别令人沮丧，因为它需要额外的水龙头才能离开键盘，然后点击页面上的按钮。

这是jsfiddle。

我已经尝试过停止换行符，但仍然没有提交答案：

$("#test").keydown(function (event) {
        if (event.which == 13) {
            event.preventDefault();
            $("#test").submit();
        }
    });

Answer 1

您可以在提交之前将DIV的HTML内容放在隐藏字段中：

function doSubmit(){
    var div = document.getElementById('#test');
    var hidden = document.getElementById('#hidden');
    hidden.value = div.innerHTML;

    // finish submitting the form, e.g. document.forms['myform'].submit();
}

在contenteditable区域按“enter”键触发按钮

1 个答案: