gpt4 book ai didi

javascript - 使用 jQuery,在元素上设置 Draggable 可防止在单击可拖动元素时触发模糊

转载 作者:搜寻专家 更新时间:2023-10-31 23:14:45 25 4
gpt4 key购买 nike

使用 jQuery,当您在文本框上设置模糊事件并将另一个元素设置为可拖动时,当您单击可拖动元素时,模糊事件不会在 FireFox 中触发。 IE 稍微好一点,你得到模糊事件但你没有得到可拖动元素上的点击事件。

如果您没有在可拖动构造函数中指定 cancel: "",您将触发 blur 事件,但随后您要拖动的元素不可拖动。

jQuery v1.3.2jQuery UI v1.7.2

console.log 行用于 FireFox 的 FireBug 插件。

<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>

最佳答案

我遇到了同样的问题。这是一个错误。有关解决方案,请参见此处:http://dev.jqueryui.com/ticket/4261

关于javascript - 使用 jQuery,在元素上设置 Draggable 可防止在单击可拖动元素时触发模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1724743/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com