使用Enter键打开链接

时间:2016-02-11 13:56:02

标签: jquery html

这是我到目前为止的所有内容,但无法弄清楚输入部分。我写它打开"输入onclick"部分。我已经尝试使用For days来让它工作。它在www.unblockmysites.weebly.com网站上运行得很好,但希望打开Surf键而不必点击它。谢谢你的回复。第一篇文章。

 <input id="input" class="css-input" name="url" onfocus="this.value='';" style="border: 1px solid #A4A4A4; font-size: 0.9em; padding: 10px; width: 450px;" type="text" value="Type url here.." >

 <input onclick="window.open('http://webmoha200.appspot.com/' + 

 window.document.getElementById('input').value.replace(/^https?:\/\//,''))" style="font-family: Arial, sans-serif; font-size: 0.9em; margin: 2px 0; padding: 1px; width: 100px;" type="button" class="css-input" value="Surf">

3 个答案:

答案 0 :(得分:1)

<input id="input" class="css-input" name="url" style="border: 1px solid #A4A4A4; font-size: 0.9em; padding: 10px; width: 450px;" type="text" value="Type url here." />
<script>
$(document).ready(function(){
     $('#input').on('keydown', function(e){
         if(e.which === 13){
             window.location = $(this).val();
         }
     });
});
</script>

答案 1 :(得分:0)

试试此代码:

&#13;
&#13;
$('#input').on('keydown', function(e){

     if(e.which === 13) //enter
         //do something
});
&#13;
 <input id="input" class="css-input" name="url" onfocus="this.value='';" style="border: 1px solid #A4A4A4; font-size: 0.9em; padding: 10px; width: 450px;" type="text" value="Type url here.." >
&#13;
&#13;
&#13;

答案 2 :(得分:0)

另一种基于javascript的解决方案:

<input id="input" class="css-input" name="url" onfocus="this.value='';" style="border: 1px solid #A4A4A4; font-size: 0.9em; padding: 10px; width: 450px;" type="text" value="Type url here.." onkeypress="searchKeyPress(event);">

的javascript:

function searchKeyPress(e)
{

e = e || window.event;
if (e.keyCode == 13)

   // do something
}