2016-10-06 22 views
0

我不知道如何將焦點設置到mouseover事件上的輸入字段。如何將焦點設置爲鼠標懸停時的輸入元素(搜索框)?

我不知道如何在onmouseover上打開輸入字段或onfocus字段進行打字,所以當光標觸摸或onmouseover光標到搜索框的輸入字段時,它很容易準備打字。

+2

只是一個友情提示,您可能需要閱讀過此頁:[該如何對詢問指南(https://stackoverflow.com/help/如何問),所以你總是可以確定你的問題a很容易回答,儘可能清楚。一定要包括你爲解決你遇到的問題所做的任何努力,以及當你嘗試修復這些問題時發生了什麼。另外不要忘記你的顯示代碼和任何錯誤信息! –

回答

0

使用jQuery:

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

或者,如果你想控制的重點和模糊事件

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

我相信這是你要找的東西,雖然我也有一個小麻煩了解正是你的意思。

您可以使用focus()方法來聚焦HTML元素。下面是它的用法的例子:

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

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

不知道你在這裏期待什麼,但如果你想在網頁上的某些位置的東西一樣,如果用戶將鼠標移到你想要的文本框獲得焦點,你可以這樣做:

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

和使用jQuery:

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