-2
votes

Modification de la fonction JQuery à courir en cliquant

J'ai du mal à modifier cette fonction de sorte qu'il s'exécute en cliquant sur un bouton avec une classe de «Boldbutton». Chaque fois que je le modifie, la fonctionnalité change. Je semble vraiment que cette fonction doit commencer par JQuery ("Textarea").

Comment puis-je modifier cette fonction de sorte qu'elle

a) conserve la fonctionnalité informatique et,

b) ne fonctionne que sur le clic de $ ('. Boldbutton') xxx

merci beaucoup pour votre aide !!

javascript jquery

3 commentaires

Quel est le problème avec utiliser $ (". Boldbutton"). Cliquez sur (Fonction () {code});


                                        
                                                                            Y a-t-il un simple  textarea  dans votre code ou plusieurs? Si plusieurs utilisateurs, vous souhaitez appeler cette fonction pour tous les  textarea  lorsque vous cliquez sur?

                                        
                                                                            Textarea unique :)



                                    
                    3 Réponses :
                    
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Mettez à jour votre code comme ci-dessous. Mise à jour  jQuery ("textarea"). Sur ("clés", fonction (E) { à  jQuery (". Boldbutton"). Sur ("Cliquez sur" (E) {< / code>. Changer  jQuery (this)  à  jQuery ("textarea ') . Ajouter  var textarea = jQuery (" textarea ") [0];
 et utiliser  textarea  au lieu de  ceci .  xxx                                  


                                                                    
                                    
                                    
                                        0 commentaires
                                        
                                                                                    
                                    
                                                            

                        

                        
                                            
                            
                                
                                    1
 votes
                                
                            
                            
                                
                                     Vous pouvez ajouter un écouteur d'événement de clic sur votre bouton à l'aide de la méthode  .Click ()  code>. 
 au lieu de cibler  Ceci  code> dans votre code (comme  Ce  code> fait maintenant référence au bouton cliqué, pas le textarea), vous pouvez cibler l'élément textarea à l'aide de  $ ("textarea")  code>. Pour accéder aux propriétés de la vanille, vous pouvez utiliser  $ ("textarea") [0]  code> qui vous permettra d'utiliser  .SelectionStart  code> et  sélectionendez  code>.  
 Voir Exemple de fonctionnement ci-dessous:  p> 
  p> 


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<textarea></textarea>
<br />
<button class="boldbutton">Bold</button>

                                

                                                                    
                                    
                                    
                                        4 commentaires
                                        
                                                                                            
                                                    Étonnante! Merci!                                                
                                                
                                                                                            
                                                    Savez-vous pourquoi la sélection ne reste pas sélectionnée après que l'utilisateur clique sur le bouton? Pas une grosse affaire. Je suis juste curieux.                                                
                                                
                                                                                            
                                                    @Jasonhoward Pas de soucis! Je pense que c'est parce que vous "éloignez-vous" (cliquez sur la zone de texte) la zone de texte, ce qui signifie que la sélection disparaîtra. Donc, cela n'arrive pas seulement lorsque vous cliquez sur le bouton, mais plutôt lorsque vous cliquez n'importe où ailleurs mais la zone de texte                                                
                                                
                                                                                            
                                                    Ah ok! Merci!                                                
                                                
                                                                                    
                                    
                                                            
                        
                        
                                            
                            
                                
                                    -1
 votes
                                
                            
                            
                                
                                     Essayez d'envelopper le code JS entier à l'intérieur 
$(document).ready(()=> {

})```

                                

                                                                    
                                    
                                    
                                        0 commentaires