如果Textbox处于焦点,则禁用jQuery事件

时间:2012-03-16 09:24:33

标签: java jquery ajax javascript-events jquery-selectors

如果文本框处于焦点,我想禁用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>

1 个答案:

答案 0 :(得分:4)

只需在mousehover事件中添加一个条件......

如果文本框未使用此代码!$("#team").is(":focus")

进行焦点对话,请在文本框中输入文字

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