jQuery的現場打字

所以，我想擺脫的輸入框，我的意思是紅色背景例如上鍵入一個div的東西，當我輸入谷歌並按下輸入時，我想將我發送到谷歌網站，當我輸入雅虎發送給我的雅虎網站。我怎麼能做到這一點？我不擅長JavaScript。謝謝！

2011-10-04 alexandru

請選擇正確的答案，以便人們可以知道什麼是解決方案。 –

您可以在您的頁面上添加一個div，使其具有CONTENTEDITABLE =「true」屬性。比添加一個按鈕或任何表示用戶已完成（也可以是返回鍵上的命中）。此時，檢查div中的值，如果需要顯示錯誤消息，或者在輸入的值有效時重定向頁面（例如，document.location.href ='http：// www。'+ userValue +'.com' ;）

來源

2011-10-04 12:05:28

你也可以隱藏你的輸入的CSS，所以它看起來像你在一個div中寫入，但它真的只是一個approprietly風格的輸入。

Your version with a little change

來源

2011-10-04 12:12:43 Przemek

這樣的事情？

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

來源

2011-10-04 12:12:52

[作品之一]（http://jsfiddle.net/9mNc4/5/）。你真的需要解釋你在這裏做什麼。 – Bojangles

不適合我... – alexandru

這可能會有幫助。

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

來源

2011-10-04 12:26:48

謝謝！但這個腳本如何才能用2個單詞例如谷歌或雅虎？ – alexandru

@alexandru，我改變腳本 –

謝謝，但它不工作......如果我鍵入雅虎，並點擊「輸入」 – alexandru

jQuery的現場打字

回答

相關問題