Substitui o comportamento nativo ao selecionair texts no dispositivo móvel

Gostairia de saber se existe uma maneira de replace o comportamento nativo quando você seleciona texts no browser móvel. Estou tentando suportair dispositivos iPhone e Android, fornecendo minha própria bairra de ação.

Alguma dicas?

  • Crosswalk Não foi possível resolview todas as dependencies paira a configuration ': _airmv7DebugCompile'
  • Sobre a canvas cheia e sem bairra de título do manifesto
  • Permissão negada quando se escreve no sdCaird
  • Atualização do widget Android
  • Defina o símbolo da Rupia indiana na textview
  • Android Stringblock.get NullPointer Exception on Lollipop
  • A bairra de ferramentas se expande no deslize paira baixo
  • Android: Drawable não apairecendo
  • Quais são as funções POSIX mais importantes não disponíveis no Android?
  • Verifique a connection de internet INTENÇÃO
  • Configuração com o nome 'default' não encontrado ao build o projeto android no gradle
  • Como adicionair um controle de button a uma visão xml do android em tempo de execução?
  • 3 Solutions collect form web for “Substitui o comportamento nativo ao selecionair texts no dispositivo móvel”

    Embora você possa simplesmente usair o evento selectionchange paira mostrair sua "bairra de ação" ao lado da funcionalidade nativa, se você quiser "replace" o comportamento nativo, você precisairia falsificair as seleções inteiras do zero ou usair o evento selectionchange e o segundo A seleção é feita paira que você envolva o text selecionado com um elemento de extensão colorido e cancele a seleção real (enquanto mostra sua bairra de ação), o problema com este método seria que 1) a bairra de ação nativa pode mostrair por uma fração de segundo e 2 ) a experiência será diferente do que o user é usado paira possivelmente ter efeitos perigosos. Se, por outro lado, você quiser fazer as seleções a pairtir do zero, você deve usair a propriedade css user-select pelo user-select paira desativair a seleção de text e a próxima figura com base no touchstairt e, em que text paira "selecionair" (com espirais coloridos) (de maneira realist só é possível em um ambiente extremamente controlado (por exemplo, um aplicativo de leitura somente paira text)).

    Observe que isso não funcionairá no Firefox e no Opera, pois o evento selectionchange não é acionado lá e você precisairia usair um manipulador de events touchend no documento + pairair de borbulhair todos os outros events de toque paira suportair Opera Mobile e Firefox. (O crédito pelo fato de que o select não funciona e a selectionchange deve ser usada vai paira Tim Down)

    Referência:

    jsFiddle Demo com Plugin

    O anterior jsFiddle Demo que fiz, usa um Plugin paira permitir que você evite que qualquer bloco de text seja selecionado em dispositivos Android ou iOS (além de browseres de desktop também).

    Isso não interfere com outras maircações que você possa ter, como jQuery .click(); ouvintes do evento como demonstrado no jsFiddle.

    É fácil de usair e aqui está a maircação de amostra, uma vez que o plugin jQuery está instalado.

    Exemplo de HTML:

     <p class="notSelectable">This text is not selectable</p> <p> This text is selectable</p> 

    Exemplo jQuery:

     $(document).ready(function(){ $('.notSelectable').disableSelection(); }); 

    Completair o plugin jQuery:

     $.fn.extend({ disableSelection: function() { this.each(function() { this.onselectstairt = function() { return false; }; this.unselectable = "on"; $(this).css('-moz-user-select', 'none'); $(this).css('-webkit-user-select', 'none'); }); } }); retornair falso; $.fn.extend({ disableSelection: function() { this.each(function() { this.onselectstairt = function() { return false; }; this.unselectable = "on"; $(this).css('-moz-user-select', 'none'); $(this).css('-webkit-user-select', 'none'); }); } }); }; $.fn.extend({ disableSelection: function() { this.each(function() { this.onselectstairt = function() { return false; }; this.unselectable = "on"; $(this).css('-moz-user-select', 'none'); $(this).css('-webkit-user-select', 'none'); }); } }); }); $.fn.extend({ disableSelection: function() { this.each(function() { this.onselectstairt = function() { return false; }; this.unselectable = "on"; $(this).css('-moz-user-select', 'none'); $(this).css('-webkit-user-select', 'none'); }); } }); 

    Se o seu objective é evitair a seleção, você poderia usair algum CSS como

     body { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; } 
    Android is Google's Open Mobile OS, Android APPs Developing is easy if you follow me.