綁定在文本框中輸入密鑰到特定按鈕

我已經嘗試了StackOverflow上的所有可能的腳本，但沒有任何工作。我想將輸入密鑰綁定到文本框，該文本框單擊特定按鈕。代碼如下所示：綁定在文本框中輸入密鑰到特定按鈕

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

按鈕導致了另一個腳本加載URL（這是工作絕對沒問題）。但是當我使用任何JavaScript或jQuery的，什麼也沒有發生，它顯示「？」在主瀏覽器的URL和我的鏈接從文本框消散。

對不起我在編程菜鳥，請幫我

我使用loadURL（）腳本：

<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>

來源

2017-07-29 TGPG

您可以發佈使用loadURL（）腳本？ – Jerinaw

' ' – TGPG

沒有評論，在你的問題，很好地格式化。我參考了'showUrl'的腳本。我沒有看到你的HTML。 – Jerinaw

這裏有Plunker的例子。如果您正確創建表單，則應在按下回車鍵時自動提交，或者單擊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); 
});

來源

2017-07-29 02:33:31 Jerinaw

綁定在文本框中輸入密鑰到特定按鈕

回答

相關問題