使用的是Windows 8.1:
在microsoft edge浏览器中,在拖动textarea滚动的菜单下拉菜单中,它会自动关闭下拉列表。
我需要菜单下拉菜单才能保持打开状态。
CSS代码:
<style type="text/css">
.menu li .dropdwn { display:none; }
.menu li.active .dropdwn { display:block; }
</style>
HTML code:
<ul class="menu">
<li>
Link 1
<div class="dropdwn">
<textarea>
Some text
</textarea>
</div>
</li>
<li>
Link 2
<div class="dropdwn">
<!-- DropDown HTML -->
</div>
</li>
</ul>
JavaScript:
<script type="text/javascript">
$(document).ready(function(){
$('.menu li').click(trigAction);
});
$(document).on("tap mouseup", function (e) {
if($(".menu li").hasClass('active')){
$(this).removeClass('active');
}
});
function trigAction(e) {
e.preventDefault();
$(this).parent().find('li').removeClass('active');
if ($(this).hasClass('active')){
// Add action code.
$(this).removeClass('active');
} else {
// Remove action code.
$(this).addClass('active');
}
}
</script>