Je suis nouveau à JavaScript. Je veux faire un bouton dans HTML à l'aide de JavaScript. Lorsque l'utilisateur essaye d'appuyer sur le bouton Le spécifique <#Id> va être "audacieux" et appuyer à nouveau pour "libérer".
Comment puis-je faire cela? Veuillez vous reporter à tout matériel d'aide. Merci!
8 Réponses :
Voici une autre question qui utilise le .toggleclass pour un effet vice-versa. Vous devez créer une classe pour cet élément car il ajoute et bascule des cours d'avant en arrière.
Utilisation de jQuery pour basculer entre les styles p>
Pour une modification à sens unique: P>
$('button_selector').on('click',function(){
$('item_to_bold_selector').css('font-weight','bold');
});
Je pense que ce serait une meilleure idée d'avoir la classe de sélecteur CSS dans un fichier CSS; Appliquez une classe en cliquant et encore lorsque vous déconnectez. Quelque chose comme -> $ (bouton "). Sur (" MouseDown MouseUp ", fonction () {$ (ceci) .toogleclass (" BoldClass ");}); et dans le CSS .BoldClass {Font-Poids: Bold ; }
Yup, j'ai considéré cela. J'ai oublié l'OP veut une bascule. J'ai trouvé une autre ressource qui répond à sa question.
Toggle () La méthode doit prendre en charge cela. Lorsque vous cliquez sur #foo , il effectuera la fonction suivante de la séquence, c'est donc exactement ce que vous voulez.
$('button_selector').on('click',function(){
var itemToBold = $('item_to_bold_selector');
if (itemToBold.css('font-weight') == 'bold') {
$('item_to_bold_selector').css('font-weight','normal');
} else {
$('item_to_bold_selector').css('font-weight','bold');
}
});
Based off of Joseph's answer, but with the unclick criteria.
Je devine, vous essayez de construire quelque chose comme RTE, alors appliquer la classe pour donner un effet audacieux serait une solution meilleure et efficace à cela.
Il peut être fait aussi simple que ceci P>
.bold { font-weight: bold; }
Depuis que vous avez marqué ce message avec JQuery, je suppose que vous recherchez une approche jQuery.
Si vous souhaitez utiliser une classe CSS pour ajouter le style audacieux, je vous recommande de regarder à l'aide de Toggleclass: http : //api.jquery.com/toggleclass/
beaucoup d'échantillons sur cette page ...
Étant donné que l'expérience d'apprentissage est vitale, surtout pour JavaScript, je vous guiderai dans la bonne direction.
Tout d'abord, vous devriez examiner reliure d'événement et manipulation de la souris avec jQuery. Vous pouvez faire des choses puissantes avec cette connaissance, y compris ce que vous aimeriez faire.
Deuxièmement, examinez la base jQuery Selectors . Il n'est pas difficile d'apprendre les sélecteurs simples basés sur CSS que vous pouvez utiliser pour sélectionner votre identifiant .
Troisième, regardez le CSS () fonction de jQuery, qui Falls sous CSS catégorie. Vous pouvez l'utiliser pour définir différentes propriétés d'éléments, y compris le poids de la police.
J'aime utiliser toggleclass () code> ( Référence API ) $("#button").click(function(){
$("#element").toggleClass("bold");
});
Lorsque vous attaquez de nouveaux problèmes, c'est une bonne idée d'essayer de les casser dans leurs composants. Vous pouvez donc essayer de les rechercher et de les résoudre à la fois. Je suggérerais à l'avenir, essayez de poster vos pensées sur la façon dont vous avez déjà essayé de briser cela déjà, afin que les gens puissent offrir des conseils et des conseils sur la manière de le faire plus efficacement.