onSubmit без формы

Question

Так у меня есть текстовое поле (

<input type="text"/> 

), где я хочу, чтобы запустить функцию, когда пользователь нажимает ввод/подают его.

Теперь, onSubmit выглядит как лучшее решение. К сожалению, для этого требуется форма (насколько мне известно), и эта форма перезагружает страницу, когда я отправляю. И он добавляет дополнительный код, который мне не нравится. Я также пробовал onKeyPress, но это реагирует на каждый раз, когда пользователь вводит что-то (см. Мой предыдущий вопрос). Я попытался найти ключ «enter» в самой функции, но это не сработало. И я не хочу запускать функцию каждый раз, когда кто-то вводит что-то в поле.

Итак, чтобы подвести итог: я хочу запустить функцию, когда пользователь отправляет текстовое поле. Как мне это сделать? Есть ли способ, которым я могу использовать функцию onSubmit без использования формы? Что делают страницы, подобные Facebook, когда я что-то комментирую?

Я на самом деле пытаюсь сделать функцию комментариев в Facebook. Это код, который я до сих пор:

var facebook_footer = '<button onClick="fbLike(\''+post_id+'\')"> Like </button> <form onSubmit="fbComment(\''+post_id+'\')"><input type="text" id="' + post_id + '" /></form>'; 

function fbComment(post_id) { 
    var message = document.getElementById(post_id).value; 
    console.log('Trying to comment on: ' + post_id); 

    FB.api('/'+ post_id +'/comments?message=' + message, 'post', function(response) { 
    if (!response || response.error) { 
     alert('Error occured. ID: ' + post_id); 
    } else { 
     alert('Great! It worked. ID: ' + post_id); 
    } 
    }); 
} 

Может быть, у вас есть некоторые знания о FBapi, и знаю, что здесь стандартная процедура?

В любом случае, заблаговременно за ответы.

Answer 1

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

Answer 2

В зависимости от приложения, onBlur или onChange. onChange срабатывает при изменении значения поля. onBlur срабатывает, когда поле теряет фокус, независимо от значения.

Answer 3

Возможно, это поможет вам. Попробуйте сделать файл test.htm, вставьте этот код и убедитесь, что это именно то, что вы хотели. display html form values in same page after submit