Detect change in text field

Submitted by Degrange on Tue, 04/13/2021 - 02:19
Forums: 
Developers

Hi,

I am building a new widget. It is possible to pass the widget a path to a text field.

How can I detect when this text field is modified ?

I thought I could use H5PEditor.followField but i get an error saying that this field can't be followed.

Thanks.

Degrange

Tue, 04/13/2021 - 02:25

(it seems to work for select, but not for text)

otacke's picture

otacke

Tue, 04/13/2021 - 09:07

Unfortunately, the core editor widgets are not all behaving the same way - that might need some tidying. For a text field, you can push your callback functions to changeCallbacks (https://github.com/h5p/h5p-editor-php-library/blob/master/scripts/h5peditor-text.js#L15) directly or (if the jQuery change listener doesn't suffice) add your own listeners to the text input field ($input).

Degrange

Tue, 04/13/2021 - 09:25

Thanks ! Maybe followField should fall back to changeCallbacks if changes doesn't exist. I don't know if this would have any side effect.

otacke's picture

otacke

Tue, 04/13/2021 - 12:52

Wouldn't that be patchwork introducing unnecessary complexity and confusion with two variables for the same thing. I'd prefer if changeCallbacks would simply be marked as deprecated, that text widget would move to changes and just go on to support changeCallbacks for a while before it's removed.

Degrange

Tue, 04/13/2021 - 13:19

That would be indeed better. I created an issue : https://github.com/h5p/h5p-editor-php-library/issues/129