Я хочу отключить событие j Query, если текстовое поле находится в фокусе. Я использую следующий код , Если пользователь вводит какой-либо текст в текстовое поле, то если при изменении курсор перемещается к изображению, он сбрасывает текст в текстовом поле до значения, полученного по событию. Я не хочу, чтобы событие выполнялось, если текстовое поле находится в фокусе
<!DOCTYPE html> <html> <head> <style>span {display:none;}</style> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <input type="text" id="team" /> <script> $("input").focusin(function() { document.getElementById("team").value = "I am in Focus Dont shoot events PLZ"; } ); $(document).ready(function() { $("img").mouseover(function(event) { if(event.target.name != '') { document.getElementById("team").value = event.target.name; } //alert(event.target.name); }); }); </script> <img src="http://1.bp.blogspot.com/-bVD6mGlH_ik/TnHV75bw9KI/AAAAAAAAB84/1hJU7WJuU8k/s400/fewr.jpg" name="I" /> </body> </html>
Я уже попробовал следующую функцию
$("input").focusin(function() { document.getElementById("team").value = "I am in Focus Dont shoot events PLZ"; });
Теперь я использую приведенный ниже код, но все еще не работает PLZ, помогите мне
<!DOCTYPE html> <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script> </head> <body> <img src="http://1.bp.blogspot.com/-bVD6mGlH_ik/TnHV75bw9KI/AAAAAAAAB84/1hJU7WJuU8k/s400/fewr.jpg" name="Ihhhhhhhhhhhhhhh" id="myimage" /> <input id="theone"> <input type="image" src="http://www.clker.com/cliparts/e/2/a/d/1206574733930851359Ryan_Taylor_Green_Tick.svg.thumb.png" id="bind"> <input type="image" src="http://www.clker.com/cliparts/4/3/1/f/1195436930767206781not_ok_mark_h_kon_l_vdal_01.svg.thumb.png" id="unbind"> <script> $("#unbind").click(function(event) { $("img").off(); alert("off"); }); $("#bind").click(function(event) { $("img").on(); alert("on"); }); $("img").mouseover(function(event) { if(event.target.name != '') { document.getElementById("theone").value = "done"; } //alert(event.target.name); }); </script> </body> </html>
Просто поместите одно условие в событие mousehover ...
Введите текст в текстовое поле, если текстовое поле не в фокусе, используя этот код !$("#team").is(":focus")
!$("#team").is(":focus")
вот демо: http://jsfiddle.net/s8zxY/1/