Javascript 中的 Eventlistner 集成不起作用

Question

我不知道是否有人願意在 Javascript 上幫助我？ 我正在使用 Flask 開發 Web 應用程序。
要獲取用戶信息和 googlemaps 加載，我必須使用純 Javascript。
這是我為我的onClick event得到的，它工作得很好。

// Google Map initialize
function initMap() {
    var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 10,
        center: { lat: 47.2172500, lng: -1.5533600 }
    });

    document.getElementById('submit').addEventListener('click', function () {
        var userQuestion = document.getElementById('userQuestion').value;
        requestQuestionMap( map, userQuestion);
    });
}

現在我還希望，如果用戶點擊“輸入”鍵，我的 function 的工作方式相同（將用戶搜索發送到我的 API）。 我嘗試了一些解決方案，但似乎沒有一個對我有用。 我可能搞錯了！

我在 HTML 中的用戶搜索字段是一個經典的“輸入”，如下所示：

<form>
    <input type="text" name="question" id="userQuestion" required>
    <input type="button" value="Dit moi tout ! " id="submit">            
</form>

當然，我在這里和谷歌上做了一些研究並嘗試了一些解決方案。 他們似乎都不合適。

Answer 1

https://stackoverflow.com/a/57226770/5011051

這將對您有所幫助。

 <form onsubmit="return false"> <input type="text"/> <input type="submit"/> </form>

或者

您也可以嘗試從 js 中阻止

 function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 10, center: { lat: 47.2172500, lng: -1.5533600 } }); document.getElementById('submit').addEventListener('click', function (e) { e.preventDefault(); var userQuestion = document.getElementById('userQuestion').value; requestQuestionMap( map, userQuestion); }); }