jquery 实时打字

发布于 2024-12-07 17:00:36 字数 243 浏览 3 评论 0原文

要准确理解我在说什么，请查看此链接

所以，我想摆脱例如，我的意思是在红色背景的 div 上输入一些内容，当我输入 google 并按 Enter 键时，我想将我发送到 google 网站，而当我输入 yahoo 时，我想将我发送到 yahoo 网站。我怎样才能做到这一点？我不太擅长 JavaScript。谢谢！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

少钕鈤記 2024-12-14 17:00:36

这可能会有所帮助。

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

this may help.

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

回复收藏 0 原文

So要识趣 2024-12-14 17:00:36

您可以向页面添加一个具有 CONTENTEDITABLE="true" 属性的 div。添加一个按钮或任何指示用户已完成的操作（也可以按返回键）。此时，检查 div 中的值，如果需要则显示错误消息，或者如果输入的值有效则重定向页面（例如 document.location.href = 'http://www.' + userValue + '.com' ;)

回复收藏 0 原文