Como puedo mandar el id junto con un evento en js

mi duda es si puedo mandar el id de una etiqueta en html junto con el mismo evento que lo ejecuta, por ejemplo:

<button id="boton" onclick="mandarId()">

y que al suceder el evento mande el id de la etiqueta tambien.

3
задан 04.11.2016, 12:59
3 ответа

Другой выбор, считаемый лучшей практикой, состоит в том, чтобы использовать javascript не препятствующий (Unobtrusive язык сценариев JavaScript), который подразумевает, между другими вещами, отделять презентацию функциональности.

стараются соединять событие с javascript и не с HTML, с преимуществом (между другими), от которого всегда ты получаешь событие, вместо того, чтобы должным быть быть перемещая параметры. Как у события есть информация о том, кто получил того же самого, это может использовать, чтобы, например, повторно использовать драйверы (callbacks).

В следующем примере, мы предполагаем, что у тебя есть несколько кнопок, и в зависимости от идентификации ты хочешь сделать вещь или другую. Ты мог бы делать следующее:

// esta es la funcion que invocan todos los botones
function manejadorCallback(evento) {

  // cada vez que clickas un boton. Automaticamente se invoca con un parametro
  // que es el Evento. el cual tiene una propiedad (entre otras) llamada target
  // que es el elemento que dispara el evento. Luego buscas el id en target.
  alert(evento.target.id);  
}

// aqui el javascript no obstructivo.

// obtenemos todos los botones, por su clase
var buttons = document.querySelectorAll('.miboton')

// a cada uno le asignamos el manejador del evento.
for(var i = 0; i < buttons.length; i++) {

   // aqui generas el equivalente a onclick
   buttons[i].addEventListener('click', manejadorCallback);
}
<button id="elid" class="miboton">Presiona</button>
<button id="otroid" class="miboton">Presiona</button>
<button id="masIds" class="miboton">Presiona</button>
8
ответ дан 24.11.2019, 12:44
  • 1
    Sab и # 237; в который это pod и # 237; чтобы делать и я это искал, но не sab и # 237; в, как и я поэтому поместил м и # 225; s r и # 225; попросите и простая. Очень хорошая твой ответ:) – Francisco Romero 04.11.2016, 15:30
  • 2
    Я предпочитаю этот равный выбор. Код гораздо яснее, когда он отделяется javascript от html. – Fiambre 04.11.2016, 20:48
  • 3
    очень хороший ответ heheh я пошел в быстрое xD – lois6b♦ 08.11.2016, 09:03

Ты можешь делать это происходя с ним this.id в функции, где this он ссылается на объект, в который ты он кликаешь.

function mandarId(id){
  alert(id);
 }
<button id="boton" onclick="mandarId(this.id)">click aquí </button>
3
ответ дан 24.11.2019, 12:44
  • 1
    woo я преуспеваю с 6 секундами различия muahahah xD я переместил бы this только, хотя est и # 233; ища id, потому что с this он может доставать большую больше информацию, если бы он требовался. – lois6b♦ 04.11.2016, 13:05
  • 2
    @lois6b На этот раз ты был м и # 225; s r и # 225; я прошу jajaja. S и # 237; podr и # 237; чтобы перемещать весь целый элемент, но поскольку в этом случае он определял, что quer и # 237; чтобы перемещать id поэтому я пошел так espec и # 237; fico xD – Francisco Romero 04.11.2016, 13:11
  • 3
    такой он, требовалась идентификация. Он собирался отвечать, одинокий, что 4 часа позже, jejeje – chenio 04.11.2016, 17:40

Если ты сходишь за параметр, this ты перемещаешь информацию о том, к чему он призывает функцию (в этом случае кнопка), чтобы так мочь получать Ваш idнапример

  
  function mandarId(elem){
    alert(elem.id);
    
    }
<button id="boton" onclick="mandarId(this)"> Click </button>
2
ответ дан 24.11.2019, 12:44

Теги

Похожие вопросы