JavaScript - Recoger valor de una lista con clic derecho

 
Vista:

Recoger valor de una lista con clic derecho

Publicado por Fabian (5 intervenciones) el 09/04/2018 19:13:26
Buenas tardes.

Lo que necesito es algo dificil de explicar, tengo una aplicación web que es una nube, tu subes un archivo y ese archivo recibe un id.

1
2
3
4
5
<ul>
     <li><span class="nom_fic" id="93">Foto 1.jpg</span></li>
     <li><span class="nom_fic" id="94">Foto 2.jpg</span></li>
     <li><span class="nom_fic" id="95">Foto 3.jpg</span></li>
</ul>


Mi intención es realizar una acción sobre X archivo, al hacer clic derecho despliego un menu con varias opciones (copiar, mover, eliminar, descargar...). Necesito saber sobre que archivo he hecho clic derecho y que luego me haga la función sobre la que he hecho clic en el menu

Sobre JQuery, tengo este codigo:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
$(document).ready(function(){
 
  //Ocultamos el menú al cargar la página
  $("#menu_derecho").hide();
 
 
  /* mostramos el menú si hacemos click derecho con el ratón en cuerpo */
  $('#cuerpo').bind("contextmenu", function(e){
    $("#menu_derecho").css({'display':'block', 'left':e.pageX, 'top':e.pageY});
    return false;
  });
 
 
  //cuando hagamos click, el menú desaparecerá
  $(document).click(function(e){
    if(e.button == 0){
      $("#menu_derecho").css("display", "none");
    }
  });
 
  //si pulsamos escape, el menú desaparecerá
  $(document).keydown(function(e){
    if(e.keyCode == 27){
      $("#menu_derecho").css("display", "none");
    }
  });
});

Entonces al hacer clic sobre X archivo, recoger el id y hacer la acción donde haga clic en el menu derecho.

#cuerpo es el div donde se carga archivos.php, la página que muestra la lista de archivos, fuera de #cuerpo el clic derecho estará deshabilitado.

Muchas gracias.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder