HTML 페이지의 제출 버튼을 누르는 방법

이 스크립트는 키를 누른 후 text-entered을 내 보냅니다. 내 HTML 페이지에서 submit 버튼을 클릭하면됩니다.HTML 페이지의 제출 버튼을 누르는 방법

// When the user hits return, send the "text-entered" 
// message to main.js. 
// The message payload is the contents of the edit box. 
var textArea = document.getElementById("txt-field"); 
textArea.addEventListener('keyup', function onkeyup(event) { 
    if (event.keyCode == 13) { 
    // Remove the newline. 
    text = textArea.value.replace(/(\r\n|\n|\r)/gm,""); 
    addon.port.emit("text-entered", text); 
    textArea.value = ''; 
    } 
}, false);

HTML은 다음과 같습니다 : 레거시 기술 애드온 온 SDK를 사용하고 같은

<html> 
<head> 
    <style type="text/css" media="all"> 
     textarea { 
     margin: 10px; 
     } 
     body { 

     background-color:#b3dbfa; 
     } 
    </style> 
    </head> 

    <body> 

    <form> 
     Enter URL: <br> 
     <input type="text" id="txt-field"> 
     <input type="submit" value="Add"> 
    </form> 
    <script src="get-text.js"></script> 
    </body> 
</html>

출처

2017-05-07 user7945230

이 textearea하지 않는 버튼을 제출 리스너를 부착! 그리고 이것이 "사용자가 돌아 오는 경우에"텍스트 입력 " // 메시지를 main.js로 보냄"을 보내면 무슨 뜻인지 명확하지 않습니다. – Gacci

같은 것을 할 수있는 순수 자바 스크립트로

$('#myform').submit(function(e) { 
    e.preventDefault(); // don't submit 
    console.log('do something'); 
});

같은 뭔가를 할 수와 jQuery를, 간단하게, 스크립트에서 제출 단추에 이벤트 수신기를 추가하십시오. 그러나 먼저 HTML에 제출 버튼에 추가 ID : 스크립트에서

<input type="submit" value="Add" id="submit-btn">

을 :

addbtn=document.getElementById("submit-btn"); 
addbtn.addEventListener('click', function (event) { 
event.preventDefault(); 
// Get the text and remove the newline. 
var text = formTextArea.value.replace(/\s/,""); //remove space characters 
var level = document.getElementById("levels-list").value; 
//send the entered data to the addon to store them 
self.port.emit("text-entered", text); 
                 self.port.emit("selected-level", level); 
formTextArea.value = ''; //intialise the text area to empty after adding the item. 
} 
,false);

출처

2017-06-10 10:25:39 user7945230

이 보이는 이것은 스크립트입니다. Mozilla는 WebExtensions로 마이그레이션하는 것이 좋습니다.

그러나 귀하의 질문에 대답하기 위해 : 당신은 당신이 제출 버튼에 클릭을 듣고

var form = document.getElementById('myform'); 
form.addEventListener('submit', function(e) { 
    e.preventDefault(); // don't submit 
    console.log('do something'); 
})

출처

2017-05-07 19:56:44 Bergur

jQuery로 태그가 지정되지 않은 질문에 jQuery 솔루션을 제공하는 경우가 많습니다 도움이되지 않습니다. OP가 jQuery 기반 솔루션을 원한다면 jQuery를 사용하여 질문에 태그를 지정하거나 질문에 언급 했어야합니다. 실제로 [javascript 태그] (https://stackoverflow.com/tags/javascript/info)에는 "프레임 워크/라이브러리에 대한 다른 태그도 포함되어 있지 않으면 순수한 JavaScript 응답이 필요합니다."라고 명시 적으로 명시되어 있습니다. 이것은 확장에 관한 질문에 특히 도움이되지 않으며, 일반적으로 나쁜 습관입니다. 나는 많은 사람들과 달리 바닐라 자바 스크립트도 제공했음을 주목한다. – Makyen

HTML 페이지의 제출 버튼을 누르는 방법

답변

관련 문제