绑定在文本框中输入密钥到特定按钮

我已经尝试了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

绑定在文本框中输入密钥到特定按钮

回答

相关问题