我有包含表格的股利。当用户在div之外单击时，它会隐藏-这部分效果很好。
问题是，当用户在div（输入，段落，...）中选择文本并且鼠标离开模式（单击状态）时，mouseup事件被触发，导致我的div隐藏。
用户选择文本时如何忽略mouseup事件？
我的HTML标记如下所示：
<div class="body">
<button id="show-modal">Toggle modal</button>
<div class="modal">
<input type="text" name="opportunity-name" \>
<button>Submit</button>
</div>
</div>
CSS：
.body {
position: absolute;
width: 100%;
bottom: 0;
top: 0;
height: 100%;
background: green;
}
div.modal {
background: blue;
width: 200px;
height: 130px;
margin: 0 auto;
text-align: center;
padding-top: 70px;
}
JS：
var $modal = $('div.modal');
$('#show-modal').click(function () {
$modal.fadeIn();
});
$(document).mouseup(function (e) {
if (!$(e.target).is('div.modal *, div.modal')) {
$modal.fadeOut(100);
}
});
用户选择文本时如何忽略mouseup事件？
检查文本输入是否具有焦点。前任：
if ( $(input).is(':focus') ) { ... }
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句