JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Adicionar um evento para um gesto do mouse

4 participantes

Ir para baixo  Mensagem [Página 1 de 1]

joelson0007

joelson0007
Moderadores
Moderadores

tava sem nada pra fazer, resolvi me aventurar nesse script, sou fraco em matemática, então fiz o esqueleto, mas nada impede de vocês aprimorarem e corrigir os bugs.

Código:

/*
 autor: joelson0007
 to: jscript.forumeiros.com
*/

var r = 0,loc,calc,loc2;

// somente para desabilitar o menu contexto
// quando o mouse é arrastado
function _disableContext() {
    window.oncontextmenu = function (event) {
        event.preventDefault();event.stopPropagation();
        return false;
    };
}

// pegar a posição do mouse quando o botão direito
// e apertado
window.addEventListener("mousedown", function (e) {
    switch (e.which) {case 3:loc = e.pageX; r = 0; break;}
}, false);

// colocar a variável r = 1 para indicar que o
// mouse está sendo arrastado
window.addEventListener("mousemove", function (e) {
    switch (e.which) {case 3: r = 1; break;}
}, false);

// função para calcular quando o mouse e solto
// a distancia que ele percorreu e o sentido
mouseEvtOnGesture = function(r,l){
window.addEventListener("mouseup", function (e) {
    switch (e.which) {
        case 3:
            loc2 = e.pageX;
            var dist = 100;
            if (r){calc = loc2 - loc;if (calc < 0) {if (Math.abs(calc) > dist) {
                _disableContext();r()}} else {
                if (calc > dist) {_disableContext();l()}}}
            break;}
}, false);
};



// exemplo usando a função
mouseEvtOnGesture(
    function(){
        alert('voce arrastou o mouse para esquerda')
    },function(){
        alert('voce arrastou o mouse para direita')
    });

obs: Para testar o efeito é só clicar com o botão direito mouse na pagina e arrastar para esquerda ou para direita.

Espera que seja útil a alguém um dia

Legolas

Legolas
Moderadores
Moderadores

Show cara! Acredito que alguns joguinhos de browser são feitos assim, certo?

http://aden.rpgwars.net

joelson0007

joelson0007
Moderadores
Moderadores

Deve ser, mas com certeza muito mais complexo que esse simples script kkk.

Obrigado e até próxima.

JScript

JScript
Administradores
Administradores

Perfeito, estou tendo umas ideias com isso... Idea 

Existem funções não comentadas da Forumeiros que pegam as coordenadas do mouse também, mas essa sua está bem mais elaborada.

5*** from me!

JS

http://autoitbrasil.com

joelson0007

joelson0007
Moderadores
Moderadores

Fico feliz que gostaram, vou vasculhar meus scripts aqui, e o que eu achar interessante vou postar TODOS. cheers 

punbbeiros unidos, jamais serão vencidos

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Muito show, vou tentar fazer algo com isso posteriormente

http://wagneraugusto.com.br/

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos