Masquer le curseur clignotant du champ de texte

Question

J'ai un champ de texte. Existe-t-il un moyen de masquer le curseur de texte clignotant ? Je dis cela parce que je fais un site Web d'horreur/mystère et l'un des indices est de commencer à taper n'importe où.

Peut-être que je peux le faire avec javascript ?

Answer 1

Malheureusement, vous ne pouvez pas donner un style au curseur de texte à l'aide de CSS. Vous pouvez seulement faire quelques très mauvaises astuces JavaScript, mais en fonction de la mise en page et des exigences de votre site Web, cela peut ne pas être possible du tout. Je vous recommande donc d'oublier cette idée.

Answer 2

<input style="position: fixed; top: -1000px">

Fonctionne dans iOS8.

Answer 3

Vous pouvez "Masquer le curseur clignotant du champ de texte" en appelant fonction de flou sur l'événement focus

<input type="text" onfocus="this.blur()"/>

Answer 4

function noCursor(a){
  var a = document.getElementById(a),
      b = document.createElement('input');
  b.setAttribute("style","position: absolute; right: 101%;");
  a.parentNode.insertBefore(b, a);

  if(a.addEventListener){
    b.addEventListener("input",function(){a.value = b.value});
    a.addEventListener("focus",function(){b.focus()});
  }else{
    a.attachEvent("onfocus",function(){b.focus()});
    b.attachEvent("onpropertychange",function(){a.value = b.value});
  };

}

noCursor('inp');

<input id="inp">

Vous pouvez utiliser la fonction pour chaque élément pour lequel vous ne voulez pas de curseur.

Answer 5

Régler l'entrée sur readonly fait également cela puisqu'il empêche la mise au point, mais il peut ne pas être applicable à de nombreux cas d'utilisation qui en ont encore besoin.

<input type="text" readonly />