jQuery 'if .change () або .keyup ()'

Question 1

За допомогою jQuery я хотів би запустити функцію, коли .change()або.keyup() є піднято.

Щось на зразок цього.

if ( jQuery(':input').change() || jQuery(':input').keyup() )
{
    alert( 'something happened!' );
}

РЕДАГУВАТИ

Вибачте, я забув згадати. Обидва .change()і .keyup()потрібні деякі змінні, щоб бути в обсязі.

Question 2

Ви можете прив’язати кілька подій, розділивши їх пробілом:

$(":input").on("keyup change", function(e) {
    // do stuff!
})

документи тут .

сподівання, що допомагає. ура!

Question 3

Якщо ви коли-небудь динамічно генеруєте вміст сторінки або завантажуєте вміст через AJAX, наступний приклад - це справді той шлях, яким ви повинні йти:

Це запобігає подвійному прив'язуванню у випадку, коли сценарій завантажується більше одного разу, наприклад, у запиті AJAX.
Прив'язка живе bodyу документі, тому незалежно від того, які елементи додані, переміщені, видалені та повторно додані, усі нащадки bodyвідповідності вказаному селектору збережуть належну прив'язку.

Код:

// Define the element we wish to bind to.
var bind_to = ':input';

// Prevent double-binding.
$(document.body).off('change', bind_to);

// Bind the event to all body descendants matching the "bind_to" selector.
$(document.body).on('change keyup', bind_to, function(event) {
    alert('something happened!');
});

Зверніть увагу! Я використання $.on()і $.off()швидше , ніж інші методи з кількох причин:

$.live()і $.die()є застарілими та були пропущені в останніх версіях jQuery.
Мені потрібно або визначити окрему функцію (отже, захаращуючи глобальну область дії), і передати функцію обом $.change()і $.keyup()окремо, або передати одне і те ж оголошення функції кожній викликаній функції; Дублююча логіка ... Що абсолютно неприпустимо.
Якщо елементи коли-небудь додаються до DOM, $.bind()не динамічно прив'язуються до елементів під час їх створення. Тому, якщо ви прив'язуєте :inputі додаєте вхід до DOM, цей метод прив'язки не приєднується до нового вводу. Потім вам потрібно буде явно розв’язати, а потім знову прив’язати всі елементи в DOM (інакше прив’язки дублюються). Цей процес потрібно буде повторювати кожного разу, коли в DOM додається вхід.

Question 4

Зробити це.

$(function(){
    var myFunction = function()
    {
        alert("myFunction called");
    }

    jQuery(':input').change(myFunction).keyup(myFunction);
});

Question 5

Ви можете підписатись на зміни та зміни подій:

$(function() {
    $(':input').change(myFunction).keyup(myFunction);
});

де myFunctionфункція, яку ви хотіли б виконати:

function myFunction() {
    alert( 'something happened!' );
}

Question 6

Не так працюють події. Натомість ви надаєте їм функцію, яку потрібно викликати, коли вони трапляються.

$("input").change(function() {
    alert("Something happened!");
});

Question 7

Напишіть одну функцію та назвіть її обома.

function yourHandler(e){
    alert( 'something happened!' );        
}
jQuery(':input').change(yourHandler).keyup(yourHandler);

Функції реєстрації подій change () та keyup () повертають початковий набір, щоб їх можна було прив’язати.

Question 8

введення події клавіатури jquery - -

Для демонстрації

$(document).ready(function(){  
    $("#tutsmake").keydown(function(){  
        $("#tutsmake").css("background-color", "green");  
    });  
    $("#tutsmake").keyup(function(){  
        $("#tutsmake").css("background-color", "yellow");  
    });  
});

<!DOCTYPE html>  
<html>  
<title> jQuery keyup Event Example </title>
<head>  
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
</head>  
<body>  
Fill the Input Box: <input type="text" id="tutsmake">  
</body>  
</html>

Розгорніть фрагмент