使用jQuery,當您在文本框上設置模糊事件並將其他元素設置爲可拖動時,單擊可拖動元素時,模糊事件不會在FireFox中觸發。 IE瀏覽器稍微好一些,你會看到模糊事件,但你沒有在可拖動元素上看到點擊事件。使用jQuery,在元素上設置Draggable可以防止在單擊可拖動元素時觸發模糊
如果您沒有在可拖動的構造函數中指定cancel:「」,則會觸發blur事件,但是您要拖動的元素不可拖動。
jQuery的V1.3.2 jQuery UI的V1.7.2
的執行console.log行是FireFox的插件螢火。
<HTML>
<HEAD>
<TITLE>Blur/Click Workbench</TITLE>
<script src="js/jquery.js" type="text/javascript" ></script>
<script src="js/ui/ui.core.js" type="text/javascript"></script>
<script src="js/ui/ui.draggable.js" type="text/javascript"></script>
<script type="text/javascript">
function blurring() {
console.log('1 - blurring - ' + $(this).attr('id'));
}
function clicking() {
console.log('2 - clicking - ' + $(this).attr('id'));
}
$(document).ready(function() {
$(".draggableTool").draggable({ cancel: "" });
$('.property').blur(blurring);
$('#labelContainer').click(clicking);
});
</script>
</HEAD>
<BODY>
<input type='text' class='property' id='tb1' />
<br />
<input type='text' class='property' id='tb2' />
<br />
<label class='draggableTool' id='labelContainer' style='height:20px;position:absolute;'>
<textarea id='taLabel' style='height:100%;background-color:white;border:1px solid grey;'>Label</textarea>
</label>
</BODY>
</HTML>
我發現IE 7正如預期的那樣工作。 – Danno 2009-11-12 20:15:31