Faire une action au tout premier clic d'un élément

**baggie** · 11/05/2011, 10h05

Bonjour,

est-il possible de savoir quand est-ce que l'on fait le premier "clic" sur un élément d'une dialog ?

Je développe :

- ma page est constituée de checkbox et d'input.
- dès qu'un clic est réalisé sur une checkbox ou un input, on décide que l'utilisateur est donc sur cette page

Je souhaiterai récupérer la date et heure à laquelle il effectue le tout premier clic.

J'ai cherché sur le web mais visiblement, il n'y a pas de réponse.

Si vous avez une idée ... Merci !

**omar24** · 11/05/2011, 10h16

Salut;
Je propose que tu ajoute à ton code une variable de contrôle qui égal au début à 0 après tu associes tous les éléments du dom susceptibles d’être à l'origine du clic que tu veux à l’évènement click.et tu fais un teste sur la variable si elle est égal à 0 l'incrémenter et faire le code pour créer la date courante si elle est différente à 0 ne rien faire.

**SpaceFrog** · 11/05/2011, 10h29

heu plus simple:

Code :

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
18
 
<script type="text/javascript">
function firstclick(obj){
result="déja clické"
if(!obj.clicked){
   obj.clicked=true
	result ="premier click"
}
alert(result)
}
</script>
</head>
 
<body>
<input type="button" onclick="firstclick(this)" value="go" />
</body>
 
</html>

ce qui donne en jquery

Code :

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
<script type="text/javascript">
$(function(){
 
	$('.clicksurvey').click(function(){
		$(this).data('clicked',($(this).data('clicked')==undefined)?true:false)
		alert(($(this).data('clicked'))?"première fois":"déja cliqué")
	})
})
 
</script>
</head>
 
<body>
<input class="clicksurvey" type="button" onclick="" value="go" />
</body>
 
</html>

**Loceka** · 11/05/2011, 10h39

Ce qui revient à peu près au même. ^_^

Un autre solution qui revient aussi au même mais avec une variable de moins :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
var datePremierClic;
function firstclick(obj) {
  if (datePremierClic == undefined) {
    datePremierClic = new Date();
  }
}

**SpaceFrog** · 11/05/2011, 10h48

ben non je n'attribues pas de variable au départ, c'est inutile, suffit de tester si elle existe

**NoSmoking** · 11/05/2011, 13h11

Bonjour,
pourquoi ne pas mettre l'observateur sur le parent

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
  <form onclick = "
    var oClick = this['click'];
    if( !oClick.value){
      oClick.value = new Date();
    }
  ;">
  <input type="hidden" name="click">
  <input type="text" name="champ_1"><br>
  <input type="text" name="champ_2"><br>
  <input type="text" name="champ_3"><br>
  </form>

par exemple

Faire une action au tout premier clic d'un élément

jQuery

Vue hybride

Discussions similaires

Partager

Partager