Naciśniecie enter nie wysyla danych ajaxowo, a tylko wciśnięcie przycisku.

Mam taki problem mam sobie pole tekstowe i to wszystko jest przysyłane za pomocą ajaxa i w tym problem, że to się tylko przesyła za pomocą przycisku HTML, jak nacisnę enter to już się nie prześlę tylko spróbuje załadować pustą stronę.

Zapomniałem kodu źródłowego

<div align=center width=500><iframe src=./strony/czat2.php width=600 height=300 NAME=auto frameborder="0"></iframe></div>
<form method=get>

<input type=text id=czat size=60>

<input type = "button" value ="wyslij"
    onclick = "getData3('./strony/czat3.php',
    'TargetDiv2')" >
    </form>
    
    
    <div id=TargetDiv2></div>

Prawdopodobnie podpiales tylko do przycisku HTML akcje przeslania formularza. Enter domylnie submituje formularz korzystajac z tego co mu podasz w atrybucie action.

Nie korzystaj z atrybutu onclick tylko button.onclick = function() { ... }

<form id="form" method="get" action="./strony/czat3.php">
	<input type="text" id="czat" size="60">
	<input type="submit" value ="wyslij">
</form>
 
<div id="TargetDiv2"></div>

(function() {
	
	var form = document.getElementById("form");
    var url = form.getAttribute("action");
	
	form.addEventListener("submit", function(e) {

		e.preventDefault();
		getData3(url, "TargetDiv2");

	}, false);

})();

Muszę ci to jednak wytłumaczyć jest sobie czat, który jest podzielony na dwa frameworki na 1 frameworku pobieram z pliku tekstowego wpisy na czacie na drugim frameworku jest pole tekstowe, które zapisuje te informacje do pliku i teraz problem jest w tym, że 1 framework jest odświeżany klasycznie, a chodzi o to, żeby był ajaxowo odświeżany. Tak to wygląda na zdjęciu.