Вставить текст после «этого» элемента ввода с помощью javascript?

Question

Код:

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

Возможно ли это сделать, не подвергая идентификатор или имя этого элемента? Или не обманывать его в идентифицируемом div?

Чтобы уточнить, это должно быть результатом HTML после скан событие нажатия:

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

Answer 1

Если вы хотите использовать JQuery вы можете сделать следующее:

HTML

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

JAVASCRIPT

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

Без использования ID

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

Answer 2

Ok, во-первых, не используйте рядный JS. Но чтобы ответить на ваш вопрос,

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

DEMO

Answer 3

Следуя ваши требования и пытается сохранить свой стиль, вы можете использовать insertAdjacentHTML методы DOM Element, чтобы добавить текст сразу после input элемента.

<input type="text" onkeydown=" 
    if (event.keyCode == 13) { this.insertAdjacentHTML('afterend', 'OK');} 
"> 

См demo

Answer 4

<input type="text" onkeydown="ok(this, event)"/> 

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

    _ok.textContent = 'ok'; 

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

Answer 5

Попробуйте это:

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

Demo.

Answer 6

Здесь я использовал смесь ответов. Прежде всего мне пришлось создать новый var:

var that = this;

Или еще javascript не смог найти «это» как-то.

Затем используется метод JQuery:

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

Итоговый в:

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

Answer 7

Попробуйте это:

<input type="text" onkeydown=" 
if (event.keyCode == 13) { this.parentNode.insertBefore(document.createTextNode('OK'), this.nextElementSibling); } 
"> 

Это добавит текстовый узел (без создания какого-либо срока или DIV) непосредственно после ввода.