Bonjour,

J'ai une petit problème que je n'arrive pas à comprendre, voila mon code qui permet d’inséré un code émoji lorsqu'on clique sur l'image (Href), mon code fonctionne très bien sur PC mais impossible de le faire fonctionné sur téléphone.

JS:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
$('#emojis a').click(function() {
     var smiley = $(this).attr('title');
     ins2pos(smiley, 'textbox');
 });
 
 function ins2pos(str, id) {
     var TextArea = document.getElementById(id);
     var val = TextArea.value;
     var before = val.substring(0, TextArea.selectionStart);
     var after = val.substring(TextArea.selectionEnd, val.length);
     TextArea.value = before + str + after;
 }
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<div class="btn-group">
  <button type="button" class="btn btn-secondary btn-sm tweet-btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    Emojis
  </button>
  <div class="dropdown-menu dropdown-menu-right">
      <div class="card-emojis" id="emojis">
         <a title=" :hungry: " href="#!"><img id="im" src="assets/images/emojis/1.png" /></a>
         <a title=" :tongue-out: " href="#!"><img id="im" src="assets/images/emojis/2.png" /></a>
         <a title=" :megafrown: " href="#!"><img id="im" src="assets/images/emojis/3.png" /></a>
         <a title=" :unamused: " href="#!"><img id="im" src="assets/images/emojis/4.png" /></a>
         <a title=" :happy: " href="#!"><img id="im" src="assets/images/emojis/5.png" /></a>
         <a title=" :angry: " href="#!"><img id="im" src="assets/images/emojis/6.png" /></a>
         <a title=" :heart: " href="#!"><img id="im" src="assets/images/emojis/7.png" /></a>
         <a title=" :heart-broken: " href="#!"><img id="im" src="assets/images/emojis/8.png"/></a>        
      </div>
  </div>
</div>

Auriez vous une petit idée ?

Merci.