Javascript jquery实时键入
要准确理解我在说什么，请查看此 所以，我想去掉输入框，我的意思是在一个有红色背景的div上键入一些东西，例如，当我键入google并按enter键时，我想将我发送到google网站，当我键入yahoo时，我想将我发送到yahoo网站。 我怎样才能做到这一点？我不太擅长javascript。Javascript jquery实时键入,javascript,jquery,live,typing,Javascript,Jquery,Live,Typing,要准确理解我在说什么，请查看此 所以，我想去掉输入框，我的意思是在一个有红色背景的div上键入一些东西，例如，当我键入google并按enter键时，我想将我发送到google网站，当我键入yahoo时，我想将我发送到yahoo网站。 我怎样才能做到这一点？我不太擅长javascript。 谢谢 您可以向页面中添加一个div，该div上有CONTENTEDITABLE=“true”属性。然后添加一个按钮或任何指示用户已完成操作的按钮（也可以点击返回键）。此时，检查div中的值，如果需要显示错误消
谢谢 您可以向页面中添加一个div，该div上有CONTENTEDITABLE=“true”属性。然后添加一个按钮或任何指示用户已完成操作的按钮（也可以点击返回键）。此时，检查div中的值，如果需要显示错误消息，或者如果输入的值有效，则重定向页面（例如document.location.href=）http://www.“+userValue+”.com“；）您还可以通过css隐藏您的输入，这样看起来就像是在div中编写，但实际上它只是一个适当样式的输入 像这样的事 这可能会有所帮助
<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>
$（文档）.ready（函数（）{
$（'div[contenteditable]'）。focus（）；
$（'div[contenteditable]'）。按键（函数（e）{
如果（e.which==13）
{
开关（$（this.html（））{
“谷歌”案例：
document.location=http://google.com'
打破
“雅虎”案：
document.location=http://yahoo.com'
打破
}
}
});
});
div[contenteditable]{背景：红色；宽度：200px；高度：20px；填充：5px；}