Topic: touch event and click
Dear Support team,
Please give some help to make a feature to works. I have a button what has a simple click event both mobile and desktop mode. And I would like to add longPress function on mobile.
When I put the touch directive to button, on mobile the simple click event doesn't work. I tried to find a 'simple touch' event, but looks like it isn't exists. Please help me if, there are a way to make work both click and longPress on mobile.
<mdb-btn
v-mdb-touch:longTap="longPress"
@click="performClick"
>
Thank you, Mihaly
Mikołaj Smoleński staff answered 4 years ago
To make click event work in custom component You have to add native
modifier. Here's an example:
<mdb-btn
v-mdb-touch:longTap="longPress"
@click.native="performClick"
>
Best regards
lyahim commented 4 years ago
Dear Mikolaj,
I tried your your suggestion, but it doeans't work with native modifier.
Thank you, Mihaly
Mikołaj Smoleński staff answered 4 years ago
To make click and touch events work please use the following code:
<mdb-btn
v-mdb-touch:longTap="longPress"
@click.native="performClick"
@touchstart.native="performClick"
>
Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: 6.7.1
- Device: All
- Browser: All
- OS: All
- Provided sample code: No
- Provided link: No