标签 javascript jquery
<分区>
我正在使用数据切换在单击文本区域时显示模式。 它运行良好，但我想在双击 (ondbclick) 时显示模态，而不是在单击 (onclick) 时显示模态。 下面是我的文本区域。
<textarea rows="2" cols="70" class="col-lg-10 col-md-9 form-control input-long" data-toggle="modal" href="#myModal" name="textArea" id="text_area"></textarea>
有什么想法吗？
最佳答案
假设您正在为此使用 Bootstrap，考虑到正在使用的 data 属性似乎就是这种情况，那么您将需要通过代码作为内联 data 手动触发模态 属性旨在仅与 click 事件一起使用。试试这个:
$('#modal').modal({
show: false
});
$('textarea').on('dblclick', function() {
$('#modal').modal('show');
});#modal {
margin: 20px;
padding: 20px;
background-color: #FFF;
}<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
<textarea rows="2" cols="70" class="col-lg-10 col-md-9 form-control input-long" name="textArea" id="text_area"></textarea>
<div id="modal" class="modal">
Hello World
</div>关于javascript - 使用数据切换双击打开模态，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53043438/