Rilevare focus di editor WYSIWYG

[dimoshake]

Come rilevo il focus di un DIV utilizzato come editor WYSIWYG?

[cavicchiandrea]

I div non hanno focus

[dimoshake]

Come faccio dunque a sapere se quell'editor è attivo o meno?

[cavicchiandrea]

Dipende cosa intendi per attivo, potresti verificare il display o l'altezza del div

[dimoshake]

Come per un qualunque textarea/input per l'evento onfocus e onblur.
Per chiarirci: Quando il cursore all'interno è attivo.

Vorrei quindi sapere quando il cursore è attivo su quel div (con contenteditable su true)

[cavicchiandrea]

Originariamente inviato da dimoshake
Come per un qualunque textarea/input per l'evento onfocus e onblur.
Per chiarirci: Quando il cursore all'interno è attivo.

window.onload=function(){
document.getElementById("idtextarea").onfocus=function(){alert('cursore attivo')}
}

Vorrei quindi sapere quando il cursore è attivo su quel div (con contenteditable su true)

Per un div (editable o meno) potresti usare l'evento onmouseover/onmouseout ma non è proprio la stessa non mi viene altro

[dimoshake]

Originariamente inviato da cavicchiandrea

window.onload=function(){
document.getElementById("idtextarea").onfocus=function(){alert('cursore attivo')}
}

Sisi, textarea/input era solo un esempio per riferirmi al div

Originariamente inviato da cavicchiandrea
Per un div (editable o meno) potresti usare l'evento onmouseover/onmouseout ma non è proprio la stessa non mi viene altro

Dopo vari giramenti sono riuscito a trovare una soluzione
Il tuo "mouseover/mouseout" mi ha fatto venire in mente una soluzione, anche se c'entra poco con questi eventi. Grazie

[cavicchiandrea]

Originariamente inviato da dimoshake
Sisi, textarea/input era solo un esempio per riferirmi al div




Dopo vari giramenti sono riuscito a trovare una soluzione
Il tuo "mouseover/mouseout" mi ha fatto venire in mente una soluzione, anche se c'entra poco con questi eventi. Grazie

Sarebbe utile indicare la soluzione trova potrebbe servire in futuro ad altri

[dimoshake]

Hai ragione.

Main

TextArea_D = document.getElementsByClassName('Att_TextArea_DIV');
Pos = 0;

if(Is_Object_In_Object(window.getSelection().anchorNode,TextArea_D[Pos])){
  /* Div attivo */
}

Alcune funzioni

function Is_Object_In_Object(Object1,Object2){
	
	IN = false;
	if(Defined(Object1)){
		while((Object1 != Object2) && (Defined(Object1.parentNode))){
			Object1 = Object1.parentNode;
			if(Object1 == Object2)IN = true
		}
	}
	return IN;

}

function Defined(Var){
	return ((typeof(Var) != 'undefined') && (Var != null)) ? true : false;
}