Javascript – Les événements

Les événements

HTML


<div id="cible"></div>
<div id="resultat"></div>

Javascript


var cible;
var resultat;
cible = document.getElementById('cible');
resultat = document.getElementById('resultat');
cible.onclick = function(){
    resultat.innerHTML = "Click event!";
}
cible.onmouseout = function(){
    resultat.innerHTML = "Mouse Out!";
}
cible.addEventListener('mouseover',function(e){
    resultat.innerHTML = "Mouse Over event!";
console.log(e);
});

CSS


#cible {          
    width: 300px;
    height: 300px;
    background-color: red;
}

Jsfiddle

Publier 29 mars 2017 par Michel PIALLIER dans Javascript - Les événements Commentaires fermés

Variables globales et variables locales

La déclaration de variable

Variables globales et variables locales

Les variables déclarées tout au début du script, en dehors et avant toutes fonctions, seront toujours globales, qu’elles soient déclarées avec var ou de façon contextuelle.

On pourra donc les exploiter partout dans le script.

Dans une fonction, une variable déclarée par le mot clé var aura une portée limitée à cette seule fonction.

On ne pourra donc pas l’exploiter ailleurs dans le script. D’où son nom de locale.

Par contre, toujours dans une fonction, si la variable est déclarée contextuellement (sans utiliser le mot var), sa portée sera globale.

Publier 24 mars 2016 par Michel PIALLIER dans Javascript - Les variables Commentaires fermés

Copier un élément dans le presse-papier

HTML


<p id ="content-holder">Ce texte sera copié dans le presse-papier.<p>
<button id="copy-button">Copie dans le presse-papier</button>


<textarea placeholder="Coller ici"></textarea>



<p id ="content-holder">Ce texte sera copié dans le presse-papier.<p>

<button id="copy-button">Copie dans le presse-papier</button>

<textarea placeholder="Coller ici"></textarea>

Javascript


var bouton1 = document.getElementById("copy-button");
var contentHolder = document.getElementById("content-holder");
 bouton1.addEventListener("click", function() {
  var range = document.createRange();  
  range.selectNode(contentHolder);  
  window.getSelection().addRange(range);
  document.execCommand('copy'); 
}, false);



var bouton1 = document.getElementById("copy-button");

var contentHolder = document.getElementById("content-holder");

bouton1.addEventListener("click", function() { var range = document.createRange(); range.selectNode(contentHolder); window.getSelection().addRange(range); document.execCommand('copy'); }, false);

Jsfiddle

Publier 17 octobre 2015 par Michel PIALLIER dans Javascript - Divers Commentaires fermés

1 2 3 4 5 Next »