Progress® Kendo UI® for Angular Feedback Portal
Back to Feed
Request a Feature Report a Bug
Declined
Last Updated: 13 Jul 2021 09:36 by ADMIN
Kevat
Created on: 19 Mar 2018 16:49
Category: TextBox
Type: Feature Request
3
Allow binding to keyup event for textboxes
There are many use cases of functions which need to run on keyup for a textbox. The most common use case is probably handling enter when the user is focused on the textbox and hits enter. 

Please create a keyup event emitter for the Textbox, MaskedTextBox and NumericTextBox components.

NOTE: The dropdown for "Category" required to add this idea does not have "Inputs" as an option; the category "New Component" was selected instead.
2 comments
ADMIN
Martin Bechev
Posted on: 13 Jul 2021 09:36

Hi Kevat,

Indeed the keyup event is not the best option for triggering an event on an input's value, as some changes are not detectable like pasting text from the context menu:

https://developer.mozilla.org/en-US/docs/Web/API/Document/keyup_event

However the developer can hook to any of the HTML built-in events using Kendo Angular TextBox:

https://stackblitz.com/edit/angular-s5tdvk

Regards,
Martin
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Kevat
Posted on: 19 Mar 2018 17:03 
For now, I resorted to finding the input tag for the textbox on page load using jQuery. The following approach may not work for dynamically generated textboxes (you many need to hook into some part of the Angular lifecycle instead of doing this on page load):



component:

export class MyComponent implements OnInit {

	constructor(private renderer: Renderer2) {
	}
	
	public ngOnInit(): void {
		this.renderer.listen(
			'window',
			'load',
			({ target }) => {
				$("input#myTextBox").keyup(() => { alert("keyup") });
			});
	}
}


-------------------------------------------------------------------------

template:

<kendo-maskedtextbox id="#myTextBox"></kendo-maskedtextbox>
Create an account Log In
View
Type
Status
Category