Question

单击文本区域时，我正在使用数据切换显示模式。它运行良好，但我想在双击（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>

有什么想法吗？

Answer 1

假设您正在为此使用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>

使用数据切换双击打开模态

1 个答案: