Tengo un cuadro de entrada. Donde ejecuto comandos para filtrar contenidos. Cuando un usuario ingresa en el cuadro, el ancla de la tabla de contenido no funciona. Por lo tanto, quiero restablecer la entrada y activar la pulsación de la tecla Eliminar una vez al hacer clic en la etiqueta de anclaje UL, cuando un usuario hace clic en el anclaje UL.
$(document).on("click", "ul a", function () { $("#myInput").val(""); }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="inarea"> <input id="myInput" type="text" value="12345678"> </div> <ul> <li><a href="#abc">ABC</a></li> <li><a href="#def">DEF</a></li> <li><a href="#xyz">XYZ</a></li> </ul>¿Es esto lo que estás buscando?
Entonces, lo que hice fue simplemente establecer el valor de la entrada en "" , lo que significa ninguno.
Por favor, dígame si esto es útil para que pueda cambiar mi respuesta, gracias.
const buttons = document.querySelectorAll("a"); for (const button of buttons) { button.addEventListener('click', function(event) { document.getElementById('myInput').value = ""; }) } .button { color: #fff; padding: 11px; margin: 15px; display: block; text-transform: uppercase; background: #0d496f; font-size: 13px; border-radius: 0; float: left; font-weight: 700; cursor: pointer; width: 15%; text-align: center } <div class="inarea"> <form id="form"> <input id="myInput" type="text" value="12345678"> </form>w </div> <ul> <li><a href="#abc">ABC</a></li> <li><a href="#def">DEF</a></li> <li><a href="#xyz">XYZ</a></li> </ul> </div>puede usar document.execCommand(" eliminar "); función para emitir la pulsación de la tecla eliminar.
$(document).on("click", "ul a", function () { $("#myInput").val(""); document.execCommand("delete"); }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="inarea"> <input id="myInput" type="text" value="12345678"> </div> <ul> <li><a href="#abc">ABC</a></li> <li><a href="#def">DEF</a></li> <li><a href="#xyz">XYZ</a></li> </ul>pero esto no serviría de nada. puede usar las propiedades selectionStart y selectionEnd del elemento de entrada para seleccionar una parte o la totalidad del texto de entrada y luego usar document.execCommand(" delete "); para borrar el texto