Add popover when mouse-up event triggered

Asked Feb 02 '21 at 09:40

Active Feb 02 '21 at 12:19

Viewed 105 times

I am going to draw rectangle over image on html canvas. And I want to show popover with form just after mouse-up event of rectangle. Can Anyone suggest option to do this? Below I added what I have tried, and it was not succeed.

$("h2 > .editable").popover({
  html: true,
  sanitize: false,
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<h2 class="popover">
  <span class="editable" data-toggle="popover" data-container="body" data-title="Edit" data-content="<form>
  <div class='form-group'>
    <label for='annotation'>label</label>
    <input type='text' class='form-control' id='lbl'  placeholder='Enter name'/>
  </div>
 
  <button type='submit' class='btn btn-primary'>Submit</button>
</form>">
                    </span>
</h2>

edited Feb 02 '21 at 12:19

ikiK

6,328
4
20
40

asked Feb 02 '21 at 09:40

user14659427

And how about you share with us witch popover plugin you are using, as popover is not not standard jquery... – ikiK Feb 02 '21 at 12:21
@ikiK I am using popper.js (src=https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js) – user14659427 Feb 02 '21 at 12:29
HI, where is mouseup event ? – Swati Feb 02 '21 at 13:58
@Swati That's what I am stuck. Could you please elaborate how to configure popover with mouse-up event – user14659427 Feb 02 '21 at 14:46
1

Check [this](https://stackoverflow.com/questions/12343695/make-bootstrap-popover-appear-disappear-on-hover-instead-of-click) post might be helpful. – Swati Feb 02 '21 at 15:02
@Swati It is related to this. Thank you for the support! – user14659427 Feb 02 '21 at 17:59

Add popover when mouse-up event triggered

0 Answers0