Question

我创建了一个包含一些JavaScript代码的HTML页面。这是代码

   <script type="text/javascript">
     function doIt(){
        window.location = document.getElementById('url').value;
    }
   </script>
   <input type="text" id="url" />

我希望当有人按下输入后输入URL。该页面会自动重定向到给定的URL。我怎么能这样做？请给我一些代码

Answer 1

如果您不使用jQuery，以下是一个完整的示例：

function addEvent(obj, type, fn) {
    if (obj.attachEvent) {
        obj['e' + type + fn] = fn;
        obj[type + fn] = function() {
            obj['e' + type + fn](window.event);
        }
        obj.attachEvent('on' + type, obj[type + fn]);
    } else obj.addEventListener(type, fn, false);
}

addEvent(window, 'load', function() {
    addEvent(document.getElementById('url'), 'keyup', function(e) {
        var code = (e.keyCode ? e.keyCode : e.which);

        if (code == 13)
            window.location.href = this.value;
    });
});

示例 - http://jsfiddle.net/4PDt4/

addEvent 代码段的致谢： - http://ejohn.org/projects/flexible-javascript-events/

Answer 2

在http://jsfiddle.net/qiao/RGqwD/2/

查看现场演示

var input = document.getElementById('url');
input.onkeydown = function(e) {
  var key = e.keyCode || e.which;
    if (key == 13) {
      window.location = input.value;
    }
};

Answer 3

使用以下代码：

<html>
<html>
<head>
<script type="text/javascript">
     function doIt(){     
       window.location.href = document.getElementById('url').value;
    }   
    document.onkeypress=function(e){
        var e=window.event || e;        
        if(e.keyCode===13) doIt();       
    }
</script>
</head>
<body>
<input type="text" id="url" value="http://www."/> 
</body>
</html>

Answer 4

以下是解决方案：http://jsfiddle.net/YBLQx/1/

<强> JS

(function () {

    var textField = document.getElementById('foo');

    function addHandler(el, event, handler) {
        if (el.addEventListener) {
            el.addEventListener (event, handler, false);
        } else if (el.attachEvent) {
            el.attachEvent (event, handler);
        }
    }

    addHandler(textField, 'keydown', textEntered);

    function textEntered(event) {
        if (event.keyCode === 13) {
            window.location = textField.value;
        }
    }
}());

<强> HTML

<input type="text" id="foo" />

祝你好运！

Answer 5

<input type="text" id="url" onblur="window.location.href='this.value'" />

以上是如果重点关注，如按下标签

然后输入，写onkeydown处理程序

<script type="text/javascript">
  document.getElementById('url').onkeydown = function(e) {
      var keyCode = e.keyCode || e.which;

     if (keyCode === 13) {
       window.location.href = this.value;
     }
 }


</script>

Answer 6

您需要将keypress事件处理程序附加到文本框。在事件处理程序中，您将检查按下的键是否输入。如果是，请执行重定向。查找事件处理程序。

如何在没有提交按钮的情况下从文本字段调用javascript函数？

6 个答案: