Draggable but not clickable in android chrome

JavaScript
1

I have a gray box which is draggable at http://dot.kr/x-test/move6.php.
There is a link inside the box.
The link should be clickable, but it is NOT clickable in chrome android.
Can I make it clickable in chrome android (smartPhone)?
(It is okay in safari and IE but not in chrome android.)

2

Hi,

Mobile browsers should respond to click events, though they will introduce a delay (usually around 300 ms).
If this isn’t working for you, try using either touchstart or touchend events.

3

How can I use touchstart or touchend event?

4

Like you normally would:

<a href="http://www.google.com">Click Me</a>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
  $("a").on("click touchstart", function(event){
     alert("hi");
     event.preventDefault();
   });
</script>
5

I applied Pullo’s code at http://dot.kr/x-test/move8.php.
But the result is not what I want.
When I click the link, The alert “hi” pops,

I like to make it to move to “move7.php” in the most recently updated android chrome instead of popping the alert “hi” when I click the link.

6

Hi,

Sorry, now I understand what you are trying to achieve - you just want the link to be followed when you tap it.
I thought you had some custom code that needed to be executed.

Anyway, the good news is that in Chrome on my Android Smartphone, the link (http://dot.kr/x-test/move6.php) works.
That is to say, I can move the box around, click the link and be taken to http://dot.kr/x-test/move7.php

Maybe something else is at play?