Javascript 如何防止在用户突出显示文本时显示模态?

Javascript 如何防止在用户突出显示文本时显示模态?,javascript,jquery,html,bootstrap-4,bootstrap-modal,Javascript,Jquery,Html,Bootstrap 4,Bootstrap Modal,我有一个表,其中每一行都可以切换动态模式表单,以修改绑定到该行的数据库的内容。代码如下所示: <tr data-toggle="modal" data-target="#Modal"></tr> Javascript var tableid; $('tr #myModal').click(function() { var $rows = $(this).closest('tr'); tableid = $rows.attr('id'); // table

我有一个表,其中每一行都可以切换动态模式表单,以修改绑定到该行的
数据库的内容。代码如下所示:

<tr data-toggle="modal" data-target="#Modal"></tr>

Javascript

var tableid;

$('tr #myModal').click(function() {
   var $rows = $(this).closest('tr');
   tableid = $rows.attr('id'); // table row ID
   // .......
});
HTML 表

<table>
<tr id="1">
  <td><td>
  <td><span id="modelbox" data-target="#myModal" href="#myModal" data-toggle="modal" class="fa fa-plus"></span></td> 
</td>
<tr id="2">
  <td><td>
  <td><span id="modelbox" data-target="#myModal" href="#myModal" data-toggle="modal" class="fa fa-plus"></span></td> 
</td>                   
<tr id="3">
  <td><td>
  <td><span id="modelbox" data-target="#myModal" href="#myModal" data-toggle="modal" class="fa fa-plus"></span></td> 
</td>  
</table>
function toggleInfo() {
    var selection = window.getSelection();
    console.log(selection);
    if(selection.type != "Range") {
    //  $("#clicktoshow").toggle();
        $("#model").toggle();
    }
}

模态

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Choose words. You can add words, delete words </h4>
      </div>
      <div class="modal-body">
      <!-- <input type="text" value="Apple,banana,mango" data-role="tagsinput" /> -->
      <div class="modal-body-inner"></div>
      </div>
      <div class="modal-footer">
        <button type="button" id = "modelbtn" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>

  </div>
</div>
<div style="display:none" id="model">
    this is your model....
</div>

&时代;
选择单词。你可以添加单词,删除单词
接近

HTML代码

<table border=1>
    <tr onClick="toggleInfo()" >
        <td>
            just a dummy text
        </td>
        <td >
          td text goes here
        </td>
    </tr>
</table>
我没有涉及化妆品的东西。 希望这会有帮助

这是一个活生生的例子。

在显示模式时使用jquery/javascript。当您单击该行时,它将仅显示。这是你的问题的例子。可能重复的请你能分享你的完整代码吗?我编辑了我的帖子来添加一个代码片段