Поле ввода HTML без формы - PullRequest
12 голосов
/ 11 октября 2009

Мне нужно иметь поле input в div без формы, и когда пользователь вводит что-то и нажимает return, он должен запустить функцию Javascript.

Не будет кнопки отправки.

Как я могу это сделать?

Ответы [ 5 ]

20 голосов
/ 11 октября 2009

Чтобы получить поле ввода без формы, я бы предложил просто не использовать форму.

2 голосов
/ 11 октября 2009

Вам нужно будет прикрепить событие onkeypress и проверить, была ли нажата кнопка ввода (и запустить код, если он был). Сообщите нам, если вы используете простой JavaScript или какую-либо библиотеку, если вам нужны примеры.

1 голос
/ 19 апреля 2012

Это может быть просто сделано с помощью формы, как следует ... я думаю, что добавление формы обеспечит большую стабильность

<form onSubmit='alerttest(this); return false'>        
    <input type="text">         
</form>


<script language="javascript">
    function alerttest() {
        alert("Executing jolly.exe !!!!");
    }
</script>
0 голосов
/ 11 октября 2009

Не используйте тег формы. Вы можете легко использовать JQuery, чтобы связать код с событиями нажатия клавиши элемента управления вводом.

Если вы не знакомы с JQuery, просто привяжите код непосредственно к событию нажатия клавиши поля ввода.

0 голосов
/ 11 октября 2009

Чтобы запустить функцию, когда пользователь нажимает ввод, когда она сфокусирована на поле ввода, проще всего было бы иметь тег формы и запустить функцию, используя событие onSubmit формы (потому что нажатие клавиши return при фокусировке на поле ввода отправляет форму).

Если вы все же не хотите включать тег формы, вы можете использовать событие onKeyPress, чтобы поймать нажатие клавиши возврата и вызвать функцию оттуда.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...