آموزش استفاده از رویداد change در textarea با کمک jquery
فرض کنید در یک صفحه وب، یک کنترل textarea قرار دادید و می خواهید زمانی که محتویات textarea تغییر کرد یک رویداد فراخوانی شود. در حالت عادی باید برای textarea رویداد های keyDown یا keyUp را استفاده کنید. اما مشکلی که این رویداد دارد در صورت استفاده از arrow key ها نیز رویداد فراخوانی خواهد شد. برای حل این مشکل راهکار دیگری وجود دارد که در این نکته با آن آشنا خواهید شد. فرض کنید کنترلی به صورت زیر در صفحه خود ایجاد کردید:
دوره های شبکه، برنامه نویسی، مجازی سازی، امنیت، نفوذ و ... با برترین های ایران
<textarea name="name" id="text-input"></textarea>
برای ایجاد رویداد تغییرات در jquery کد زیر را می نویسیم:
$('#text-input').bind('input propertychnage', function (e) {
}
});
با نوشتن کد بالا، تنها در صورت تغییر محتویات textarea کد مورد نظر اجرا خواهد شد.