Discussion :

[Beginner.]

Salut,

Peut-on utiliser ces fonctions ou pas ? Laquelle est préférable ? Je parle surtout des deux premières car la troisième c'est pour IE je crois...

Je demande car je lis qu'elles sont non standarts...

Pour caretRangeFromPoint() :

Non standard
Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Fonctionnalité Chrome Firefox (Gecko) Internet Explorer Edge Opera Safari (WebKit)
Basic support 43.0 20+ Pas de support 12 15+ (Oui)

Pour caretPositionFromPoint()

This is an experimental technology
Check the Browser compatibility table carefully before using this in production.

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
Basic support 53.0 (Yes)[1] (Yes)[1] (Yes)[1] (Yes)[1]

[SpaceFrog]

Tu donnes toi même les réponses ...

[Beginner.]

Oui mais ce n'est pas clair pour moi, entre la théorie et la pratique (certains l'utilisent apparemment (exemple : http://www.alohaeditor.org/api/ranges.js.html)...).

Il semble qu'il y ait une différence entre caretRangeFromPoint() et caretPositionFromPoint(), cette dernière semble plus fiable d'après la description...

Mais peut-être qu'en pratique il faut tester les deux ? Dans le lien que j'ai donné ci-dessus il teste trois fonctions :

Code javascript :

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
function fromPoint(x, y, doc) {
		if (x < 0 || y < 0) {
			return null;
		}
		if (doc['caretRangeFromPoint']) {
			return doc['caretRangeFromPoint'](x, y);
		}
		if (doc.caretPositionFromPoint) {
			var pos = doc.caretPositionFromPoint(x, y);
			return create(pos.offsetNode, pos.offset);
		}
		if (doc.elementFromPoint) {
			return fromPointIE(x, y, doc);
		}
		throw 'fromPoint() unimplemented for this browser';
	}

Ou peut-être qu'il faut faire sa propre fonction ? Comment font les développeurs en général ?

---> Voilà en fait pourquoi je pose la question, c'est pour savoir quoi faire parmi les différents choix possibles...

-----------------------------
Exemple d'usage : comment connaitre la position du curseur texte (caret) correspondant à la position de la souris ?

C'est vrai que c'est possible par calcul : on en revient à tes postes sur la longueur d'un texte...
C'est plus facile avec les polices où tous les caractères ont la même largeur...

Sinon bah c'est plus long, je pense qu'il faut calculer la longueur caractère par caractère jusqu’à que cela corresponde à la position de la souris...

C'est un peu dommage alors que la fonction existe...

[SpaceFrog]

La réponse c'est que tu ne peux l'utiliser que pour un navigateur pour lequel il est implémenté, rein de plus rien de moins.
Il faudra donc protéger le code pour les autres navigateur au moyen d'un test sur la fonctionnalité...

[Beginner.]

Merci. Mais pour la première ils disent bien "...et son comportement peut être modifié dans le futur. " donc même si elle implémentée par le navigateur elle peut encore être modifiée et donc poser problème mais je ne sais si c'est vrai ce genre d'infos...

Bref je pense qu'il vaut mieux faire le teste en commençant par la deuxième fonction.

Merci.