私が話していることを正確に理解するには、このリンクをチェックしてください
したがって、入力ボックスを削除したいのですが、たとえば、背景が赤のdivに何かを入力し、googleと入力してEnterキーを押すと、GoogleのWebサイトに送信し、yahooと入力して送信します。 yahooのウェブサイトで私。どうすればこれを達成できますか?私はJavaScriptがあまり得意ではありません。ありがとう!
私が話していることを正確に理解するには、このリンクをチェックしてください
したがって、入力ボックスを削除したいのですが、たとえば、背景が赤のdivに何かを入力し、googleと入力してEnterキーを押すと、GoogleのWebサイトに送信し、yahooと入力して送信します。 yahooのウェブサイトで私。どうすればこれを達成できますか?私はJavaScriptがあまり得意ではありません。ありがとう!
これは役立つかもしれません。
<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>
css で入力を非表示にすることもできます。これにより、div に書いているように見えますが、実際には適切にスタイル設定された入力にすぎません。
このようなもの?
CONTENTEDITABLE="true" 属性を持つページに div を追加できます。ボタンまたはユーザーが完了したことを示すものを追加するよりも(リターンキーを押すこともできます)。その時点で、div の値を確認し、必要に応じてエラー メッセージを表示するか、入力した値が有効な場合はページをリダイレクトします (例: document.location.href = 'http://www.' + userValue + '.com' ;)