javascript - Textarea:如何允许按 ALT + ENTER 换行？

Question

我正在使用 React 并有一个 Textarea。我已将一个操作绑定(bind)到 Enter，这样它就不再创建换行符。使用 SHIFT + ENTER 也不是一个选项。当我尝试使用 ALT + ENTER 时，它不起作用。 Stack Overflow 文本区域也可以证明这一点。当我检测到 ALT + ENTER 时，有没有办法以编程方式触发 Enter 键？

Answer 1

假设它是一个常规的 HTML 文本区域，使用 JavaScript，您可以使用以下代码片段以编程方式添加新行

var textarea = document.querySelector('#textarea');
textarea.value = textarea.value + "\r\n";

事件的完整示例如下所示

document.addEventListener('keydown', function(event) {
    if(event.altKey) {
       this.setState({
           altKey: true
       });
    }

    if((event.keyCode == 13 || event.which == 13) && this.state.altKey) {
        var textarea = document.querySelector('#textarea');
        textarea.value = textarea.value + "\r\n";
    }
});

document.addEventListener('keyup', function() {
       this.setState({
           altKey: false
       });
}

在这里，您可以在组件加载时将 altKey 定义为 false，并在 componentDidMount() 中添加 eventListener。