在“之后插入文本”；这"；用javascript输入元素？_Javascript

在“之后插入文本”；这"；用javascript输入元素？

javascript

在“之后插入文本”；这"；用javascript输入元素？,javascript,Javascript,代码：这是否可以在不为此元素添加ID或名称的情况下实现？或者不把它包在一个可识别的div里为了澄清，这应该是按下事件键代码后的结果： <input type="text" onkeydown=" if (event.keyCode == 13) { HERE, ECHO "OK" RIGHT AFTER THIS INPUT ELEMENT } "> OK 如果要使用jQuery，可以执行以下操作： HTML JAVASCRIPT <input name="

代码：

这是否可以在不为此元素添加ID或名称的情况下实现？或者不把它包在一个可识别的div里

为了澄清，这应该是按下事件键代码后的结果：

<input type="text" onkeydown="
  if (event.keyCode == 13) { HERE, ECHO "OK" RIGHT AFTER THIS INPUT ELEMENT }
">

OK

如果要使用jQuery，可以执行以下操作：

HTML

JAVASCRIPT

<input name="ok" type="text" id="showOK" />

$（“#showOK”）。按键（功能（）{
如果（event.keyCode==13）{
$（“OK”）之后插入（“#showOK”）；
}
});

不使用身份证

$("#showOK").keypress(function() {
  if (event.keyCode == 13){
     $("<p>OK</p>").insertAfter("#showOK");
  }
});

如果要使用jQuery，可以执行以下操作：

HTML

JAVASCRIPT

<input name="ok" type="text" id="showOK" />

$（“#showOK”）。按键（功能（）{
如果（event.keyCode==13）{
$（“OK”）之后插入（“#showOK”）；
}
});

不使用身份证

$("#showOK").keypress(function() {
  if (event.keyCode == 13){
     $("<p>OK</p>").insertAfter("#showOK");
  }
});

如果要使用jQuery，可以执行以下操作：

HTML

JAVASCRIPT

<input name="ok" type="text" id="showOK" />

$（“#showOK”）。按键（功能（）{
如果（event.keyCode==13）{
$（“OK”）之后插入（“#showOK”）；
}
});

不使用身份证

$("#showOK").keypress(function() {
  if (event.keyCode == 13){
     $("<p>OK</p>").insertAfter("#showOK");
  }
});

如果要使用jQuery，可以执行以下操作：

HTML

JAVASCRIPT

<input name="ok" type="text" id="showOK" />

$（“#showOK”）。按键（功能（）{
如果（event.keyCode==13）{
$（“OK”）之后插入（“#showOK”）；
}
});

不使用身份证

$("#showOK").keypress(function() {
  if (event.keyCode == 13){
     $("<p>OK</p>").insertAfter("#showOK");
  }
});

好的，首先，不要使用内联js。但要回答你的问题

<input type="text" onkeydown="if (event.keyCode == 13) { $('<p>OK</p>').insertAfter(this);}">

好的，首先，不要使用内联js。但要回答你的问题

<input type="text" onkeydown="if (event.keyCode == 13) { $('<p>OK</p>').insertAfter(this);}">

好的，首先，不要使用内联js。但要回答你的问题

<input type="text" onkeydown="if (event.keyCode == 13) { $('<p>OK</p>').insertAfter(this);}">

好的，首先，不要使用内联js。但要回答你的问题

<input type="text" onkeydown="if (event.keyCode == 13) { $('<p>OK</p>').insertAfter(this);}">

根据您的要求并尝试保持您的样式，您可以使用DOM元素方法在

输入

元素之后添加文本

<input type="text" onkeydown="
    if (window.event.keyCode == 13) { this.outerHTML = this.outerHTML + 'Ok'; } "/>

请参见

遵循您的要求并尝试保持您的样式，您可以使用DOM元素方法在

输入

元素之后添加文本

<input type="text" onkeydown="
    if (window.event.keyCode == 13) { this.outerHTML = this.outerHTML + 'Ok'; } "/>

请参见

遵循您的要求并尝试保持您的样式，您可以使用DOM元素方法在

输入

元素之后添加文本

<input type="text" onkeydown="
    if (window.event.keyCode == 13) { this.outerHTML = this.outerHTML + 'Ok'; } "/>

请参见

遵循您的要求并尝试保持您的样式，您可以使用DOM元素方法在

输入

元素之后添加文本

<input type="text" onkeydown="
    if (window.event.keyCode == 13) { this.outerHTML = this.outerHTML + 'Ok'; } "/>

请参见尝试以下操作：

function ok(el, event) {
    var _ok = document.createElement('span');

    _ok.textContent = 'ok';

    if (event.which == 13) {
        el.parentNode.insertBefore(_ok, el.nextSibling)
    }
}

<input type="text" onkeydown="
  if (event.keyCode == 13) { var that = this; $('<span>OK</span>').insertAfter(that); }
">

试试这个：

function ok(el, event) {
    var _ok = document.createElement('span');

    _ok.textContent = 'ok';

    if (event.which == 13) {
        el.parentNode.insertBefore(_ok, el.nextSibling)
    }
}

<input type="text" onkeydown="
  if (event.keyCode == 13) { var that = this; $('<span>OK</span>').insertAfter(that); }
">

试试这个：

function ok(el, event) {
    var _ok = document.createElement('span');

    _ok.textContent = 'ok';

    if (event.which == 13) {
        el.parentNode.insertBefore(_ok, el.nextSibling)
    }
}

<input type="text" onkeydown="
  if (event.keyCode == 13) { var that = this; $('<span>OK</span>').insertAfter(that); }
">

试试这个：

function ok(el, event) {
    var _ok = document.createElement('span');

    _ok.textContent = 'ok';

    if (event.which == 13) {
        el.parentNode.insertBefore(_ok, el.nextSibling)
    }
}

<input type="text" onkeydown="
  if (event.keyCode == 13) { var that = this; $('<span>OK</span>').insertAfter(that); }
">

我在这里混合使用了多种答案。首先，我必须创建一个新的变量：

var=这个

或者javascript不知何故找不到“this”

然后使用jQUery方法：

<input type="text" onkeydown="(function(event){
    var input = event.target;
    if(event.keyCode == 13){
      input.outerHTML += 'OK';
    }
  })(window.event);" />

$（'OK'）。在（that）之后插入；

导致：

$('<span>OK</span>').insertAfter(that);

我在这里混合使用了多种答案。首先，我必须创建一个新的变量：

var=这个

或者javascript不知何故找不到“this”

然后使用jQUery方法：

<input type="text" onkeydown="(function(event){
    var input = event.target;
    if(event.keyCode == 13){
      input.outerHTML += 'OK';
    }
  })(window.event);" />

$（'OK'）。在（that）之后插入；

导致：

$('<span>OK</span>').insertAfter(that);

我在这里混合使用了多种答案。首先，我必须创建一个新的变量：

var=这个

或者javascript不知何故找不到“this”

然后使用jQUery方法：

<input type="text" onkeydown="(function(event){
    var input = event.target;
    if(event.keyCode == 13){
      input.outerHTML += 'OK';
    }
  })(window.event);" />

$（'OK'）。在（that）之后插入；

导致：

$('<span>OK</span>').insertAfter(that);

我在这里混合使用了多种答案。首先，我必须创建一个新的变量：

var=这个

或者javascript不知何故找不到“this”

然后使用jQUery方法：

<input type="text" onkeydown="(function(event){
    var input = event.target;
    if(event.keyCode == 13){
      input.outerHTML += 'OK';
    }
  })(window.event);" />

$（'OK'）。在（that）之后插入；

导致：

$('<span>OK</span>').insertAfter(that);

试试这个：

function ok(el, event) {
    var _ok = document.createElement('span');

    _ok.textContent = 'ok';

    if (event.which == 13) {
        el.parentNode.insertBefore(_ok, el.nextSibling)
    }
}

<input type="text" onkeydown="
  if (event.keyCode == 13) { var that = this; $('<span>OK</span>').insertAfter(that); }
">

它将在输入后直接添加文本节点（不创建任何span或div）。

尝试以下操作：

function ok(el, event) {
    var _ok = document.createElement('span');

    _ok.textContent = 'ok';

    if (event.which == 13) {
        el.parentNode.insertBefore(_ok, el.nextSibling)
    }
}

<input type="text" onkeydown="
  if (event.keyCode == 13) { var that = this; $('<span>OK</span>').insertAfter(that); }
">

它将在输入后直接添加文本节点（不创建任何span或div）。

尝试以下操作：

function ok(el, event) {
    var _ok = document.createElement('span');

    _ok.textContent = 'ok';

    if (event.which == 13) {
        el.parentNode.insertBefore(_ok, el.nextSibling)
    }
}

<input type="text" onkeydown="
  if (event.keyCode == 13) { var that = this; $('<span>OK</span>').insertAfter(that); }
">

它将在输入后直接添加文本节点（不创建任何span或div）。

尝试以下操作：

function ok(el, event) {
    var _ok = document.createElement('span');

    _ok.textContent = 'ok';

    if (event.which == 13) {
        el.parentNode.insertBefore(_ok, el.nextSibling)
    }
}

<input type="text" onkeydown="
  if (event.keyCode == 13) { var that = this; $('<span>OK</span>').insertAfter(that); }
">

它将在输入后直接添加一个文本节点（不创建任何span或div）。

为什么不使用类？您的意思是什么？为什么不使用类？您的意思是什么？为什么不使用类？您的意思是什么？为什么不使用类？您的意思是什么？OP特别声明，不使用

id

属性。您也不需要jQuery来做这件事。OP专门声明，而不使用

id

属性。您也不需要jQuery来做这件事。OP专门声明，而不使用

id

属性。您也不需要jQuery来做这件事。OP专门声明，而不使用

id

属性。您也不需要jQuery来做这件事，也不需要

javascript:

协议处理程序。此外，不幸的是，此代码要求

输入

是最后一个工作的元素：这将附加OK text节点作为父节点的最后一个子节点。不仅仅是在

输入

元素之后。只有当父元素只有这个

输入时，它才会起作用。是的，我看到@AmitJoki的答案是最好的，所以我将更新我的答案以使用outerHTML
方法。谢谢你的更正。：）您不需要javascript:
协议处理程序。此外，不幸的是，此代码要求输入
是最后一个工作的元素：这将附加OK text节点作为父节点的最后一个子节点。不仅仅是在输入
元素之后。只有当父元素只有这个输入时，它才会起作用。是的，我看到@AmitJoki的答案是最好的，所以我将更新我的答案以使用outerHTML
方法。谢谢你的更正。：）您不需要javascript:
协议处理程序。此外，不幸的是，此代码需要inp