Bind-Taste in Textfeld zu bestimmten Schaltfläche

Ich habe versucht, alle möglichen Skript auf StackOverflow, aber nichts funktioniert. Ich möchte Enter-Taste an eine Textbox binden, die auf die bestimmte Schaltfläche klickt. -Code sieht wie folgt aus:Bind-Taste in Textfeld zu bestimmten Schaltfläche

<form> 
Enter URL: <input type="text" id="url" /> 
<input id="button" type="button" value="Load" onclick="loadUrl()" /> 
</form> 
<iframe id="showUrl"></iframe>

Schaltfläche zum Laden von URL zu einem anderen Skript führt (was absolut in Ordnung funktioniert) .Aber wenn ich irgendwelche Javascript verwenden oder jquery, passiert nichts, es zeigt „?“ im Hauptbrowser URL und meine Verknüpfung von Textbox Disapper.

Leider bin ich Noob in der Programmierung, mir bitte

Mein loadURL helfen() Drehbuch:

<script type="text/javascript"> 
function loadUrl() { 
var url = document.getElementById('url').value, 
    showUrl = document.getElementById('showUrl'); 
showUrl.src = /$https?:\/\//.test(url) ? url : 'https://'+url; 
} 
</script>

Quelle

2017-07-29 TGPG

Können Sie die loadURL() Skript schreiben? – Jerinaw

' ' – TGPG

Nicht im Kommentar, in Ihrer Frage, schön formatiert. Ich das Skript, das Sie eine 'showUrl' verweisen. Ich sehe das nicht in deinem HTML. – Jerinaw

Hier ist das Beispiel auf Plunker. Wenn Sie das Formular korrekt erstellen, sollte es automatisch gesendet werden, wenn Sie die Eingabetaste drücken, oder Sie klicken auf die Schaltfläche "Go/submit".

<head> 
    <link rel="stylesheet" href="style.css"> 

</head> 

<body> 
    <form id="theForm" method="GET" action="#"> 
    Link: 
    <input type="text" id="url" /> 
    <input type="submit" id="goButton" value="Go"/> 
    </form> 
    <iframe id="showUrl"></iframe> 
    <script src="script.js"></script> 
</body> 

</html>

script.js

var url = document.getElementById('url'), 
    showUrl = document.getElementById('showUrl'), 
    goButton = document.getElementById('goButton'), 
    theForm = document.getElementById('theForm'); 

function loadUrl(e) { 
    e.preventDefault(); 
    showUrl.src = url.value; 
    return false; 
} 

theForm.addEventListener('submit', loadUrl); 

url.addEventListener('keyup', function(e){ 
    //You shouldn't need this since the form submits when you click enter anyway. 
    console.log(e.key); 
    console.log(e.which); 
    console.log(e.char); 
});

Quelle

2017-07-29 02:33:31 Jerinaw

Bind-Taste in Textfeld zu bestimmten Schaltfläche

Antwort

Verwandte Themen