如果文本框处于焦点，则禁用 jQuery 事件
Posted
技术标签:
【中文标题】如果文本框处于焦点，则禁用 jQuery 事件【英文标题】：Disable jQuery event if Textbox is in focus 【发布时间】：2012-04-01 20:11:53 【问题描述】：如果文本框处于焦点位置，我想禁用 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>
【问题讨论】：
具体说明您的要求。不明白你想要什么.. 图片名称的页面加载值输入文本框后。但是当该文本框处于焦点时，我想禁用这个东西。并且在焦点从文本字段中出来后也会反应这个东西。希望你理解PLZ的帮助 是的..得到你的要求...检查我在评论中发布的答案.. 【参考方案1】：只需在鼠标悬停事件中添加一个条件...
如果文本框不是焦点，则使用此代码在文本框中输入文本!$("#team").is(":focus")
这里是演示：http://jsfiddle.net/s8zxY/1/
【讨论】：
谢谢 :) 它的工作原理>>> 老兄非常感谢。过去 2 天一直在撞墙.....jsfiddle.net/EKSJX/2 完成了！再次感谢。好的，告诉我是否有任何东西可以显示图像加载的进度条。或任何脚本通过缩小其大小或隔行扫描来快速加载图像？？？现在，当我单击添加问题时，它会显示“抱歉，我们不再接受来自此帐户的问题。请参阅 goo.gl/C1Kwu 了解更多信息。”以上是关于如果文本框处于焦点，则禁用 jQuery 事件的主要内容，如果未能解决你的问题，请参考以下文章