Disable text drag in input

[jamartinezParticipant]

Hi all,

Is there any way to disable the text input so, when I drag some selected text with the mouse, it doesn’t alter the date by accident? For example, I have an input with the date “20/03/2024” and I can select the year and accidentally drag the text to another position to make it read, say, “20/020243/”. Although the component checks for date validity this can make the interaction a bit confusing until the date is restored.

The “readonly” flag doesn’t seem to fix this. The date must still be changeable through the dropdown calendar.

Thanks in advance.
Juan

[ivanpeevskiParticipant]

Hi,

You can prevent the ‘drop’ browser event like this:
$(“#jqxDateTimeInput”).on(‘drop’, function(event) {
event.preventDefault();
});

Best Regards,
Ivan Peevski
jQWidgets Team
http://www.jqwidgets.com

[jamartinezParticipant]

Cheers Ivan, that solved my issue. Thank you very much!

Regards.

[Author]

Posts