Question

我正在尝试在contenteditable内的javascript / jquery中以编程方式模拟ENTER按钮，我尝试了在stackoverflow上可以找到的所有解决方案，但均未成功，因此我创建了一支笔以查看是否是我的代码弄乱还是不弄乱它，看来它只是不能单独工作。

演示如下：https://codepen.io/anon/pen/WgwEXE

document.getElementById('btn').addEventListener('click', function(){
var e = jQuery.Event("keydown");
    e.which = e.keyCode = 13;
$('#boxid').focus();
$('#boxid').trigger(e);
});

#boxid {
  height: 150px;
  width: 400px;
  background: #ddd;
  color: black;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="boxid" contenteditable="true"></div>
<button id="btn">new line</button>

Answer 1

使用此答案，我认为它将解决您的问题

$（'＃btn'）。on（'click'，function（）{

var e = jQuery.Event（“ keydown”）;

e.which = e.keyCode = 13;

$（'＃boxid'）。focus（）;

$（'＃boxid'）。trigger（e）; }）;

jQuery新行以编程方式在contenteditable内

1 个答案: