Question

要明白我正在谈论的内容，请查看此link

所以，我想摆脱输入框，我的意思是在一个红色背景的div上键入一些东西，当我输入谷歌并按回车时我想把我发送到谷歌网站，当我输入雅虎在雅虎网站上发送给我。我怎么能做到这一点？我不是很擅长javascript。谢谢！

Answer 1

这可能会有所帮助。

<html>
<head>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {

    $('div[contenteditable]').focus();
    $('div[contenteditable]').keypress(function (e) {
    if(e.which == 13) 
    {
       switch ($(this).html()) {
        case 'google':
            document.location = 'http://google.com'
            break;    
        case 'yahoo':
            document.location = 'http://yahoo.com'
            break;
          } 
    } 
    });

});
</script>
<style>
div[contenteditable] { background:red; width:200px;height:20px; padding:5px; }
</style>
</head>
<body>
<div contenteditable></div>
</body>
</html>

Answer 2

您可以在页面上添加div，其中包含CONTENTEDITABLE =“true”属性。然后添加一个按钮或任何表明用户已完成的按钮（也可以是返回键上的命中）。此时，检查div中的值，如果需要则显示错误消息，或者如果输入的值有效，则重定向页面（例如document.location.href ='http：// www。'+ userValue +'。com' ;）

Answer 3

你也可以通过css隐藏你的输入，所以看起来你正在写一个div，但实际上它只是一个approprietly风格的输入。

Your version with a little change

Answer 4

这样的事情？

http://jsfiddle.net/9mNc4/3/

jquery现场打字

4 个答案: