Así que tengo 2 botones, cuando se hace clic en ellos conducen a la misma ventana. Pero, quiero poder hacer un seguimiento de qué botón se presionó para poder hacer diferentes cosas en función de eso, a continuación se muestra cómo los definí:
<div class = "buttons"> <button class = "worldBtn" onclick="window.location.href='map/map.html';">WORLD</button> <br> <button class = "usBtn" onclick="window.location.href='map/map.html';">UNITED STATES</button> </div>¿Hay alguna manera de que pueda lograr eso? ¡Gracias!
Utilice un parámetro de consulta de URL para distinguirlos.
<div class = "buttons"> <button class = "worldBtn" onclick="window.location.href='map/map.html?loc=world';">WORLD</button> <br> <button class = "usBtn" onclick="window.location.href='map/map.html?loc=us';">UNITED STATES</button> </div> Luego, en map.html , JavaScript puede verificar window.location.search para determinar qué botón se usó.
agregue una misma clase al botón al hacer clic usando $ (esto) obtendrá el atributo de valor. aquí hay un pequeño fragmento de código
$(".btn").click(function(e){ var title=$(this).attr("value"); alert(title); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <div class = "buttons"> <button class = "worldBtn btn" onclick="window.location.href='map/map.html';" value="WORLD">WORLD</button> <br> <button class = "usBtn btn" onclick="window.location.href='map/map.html';" value="UNITED STATES">UNITED STATES</button> </div>Puede usar el evento de clic para rastrear en qué botón se hizo clic y actuar en consecuencia
HTML
<div class = "buttons"> <button id="btn1" class = "worldBtn">WORLD</button> <br> <button id="btn2" class = "usBtn">UNITED STATES</button> </div>JavaScript usando JQuery
$('#btn1').on('click', function(e) { e.preventDefault(); console.log('worldBtn clicked'); window.location.replace("map/map.html"); }) $('#btn2').on('click', function(e) { e.preventDefault(); console.log('usBtn clicked'); window.location.replace("map/map.html"); })