繁体   English   中英

如果文本框处于焦点,则禁用jQuery事件

[英]Disable jQuery event if Textbox is in focus

如果文本框处于焦点位置,我想禁用jQuery事件。 我正在使用以下代码。 如果用户在文本字段中输入任何文本,则通过更改光标将光标移至图像,它将把文本字段中的文本重置为按事件拍摄的值。 如果文本字段处于焦点位置,我不想执行该事件。

<!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";
        });

现在我正在使用下面的代码,但仍然无法正常工作。 请帮我。

<!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")

这里是演示: http : //jsfiddle.net/s8zxY/1/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM