2016-10-06 24 views
0

mouseoverイベントの入力フィールドにフォーカスを設定する方法が不思議です。mouseoverで入力要素(検索ボックス)にフォーカスを設定するにはどうすればよいですか?

onmouseoverを入力するときに入力フィールドまたはonfocusフィールドをどのようにロードするのだろうか。それで、カーソルをタッチするかonmouseoverカーソルを検索ボックスの入力フィールドに入力する準備が簡単にできる。

$('.input-element').mouseover(function() { 
    $(this).focus(); 
}) 

それとも、フォーカスを制御し、イベント

$('.input-element') 
    .mouseenter(function() { 
     $(this).focus(); 
    }) 
    .mouseleave(function() { 
     $(this).blur(); 
    }); 
+2

、単に優しい先端、あなたはこのページの上に読むことをお勧めしますどのように尋ねるか)、あなたは常にあなたの質問が可能な限り簡単に答えることができます。あなたが抱えている問題を修正するためにあなたがした努力と、それらの修正を試みたときに何が起こったのかを必ず含めてください。ショーコードとエラーメッセージも忘れないでください! –

答えて

0

まさにあなたが意味すること。

focus()メソッドを使用すると、HTML要素をフォーカスすることができます。ここではその使い方の例です:

var inputField = document.getElementById('idOfYourInputField'); 

inputField.addEventListener('mouseover', function() { 
    inputField.focus(); 
}); 
1

をぼかしたい場合、私は、これはあなたが探しているものであると信じて、私は少し問題の理解を持っていたにもかかわらず:jQueryのを使用して

0

ないあなたがここに期待しているのかわからいますが、ページ上の特定の位置でのような何かをしたい場合は、ユーザーがマウスを移動する場合は、テキストボックスにはあなたのような何かを行うことができますフォーカスを取得したい:

<div id='d1'> 
<input type='text' id='txt' value='Search'/> 
</div> 

とjQueryを使って:[ハウツー-ASKガイド](https://stackoverflow.com/help/:

$().ready(function(){ 
    $('#d1').mouseover(function(){ 
    $(this).children().closest('Input[type=text]').focus(); 
    }); 
}); 
関連する問題