Home/ Questions/Q 6334071
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T18:35:19+00:00

I am in the process of handling a Long Press event in the JavaScript

  • 0

I am in the process of handling a Long Press event in the JavaScript of an ASPX page but since I don’t have much experience with JavaScript having a couple issues. I am working of a question which was already asked here.

When I run the code I get the message “$ is not defined” and when I change $(“Button1”) to (“Button1”) then I get the message stating the mouseup function doesn’t exist. The primary problem I’m having is accessing the aspx control properly. Below is my code.

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    <script type="text/javascript" language="javascript">
        $(function () {
            var pressTimer;
            var longPress = 1000;

            $("#<%= Label1.ClientID %>").bind("touchend", function (e) {
                var d = new Date();
                var timeDiff = d - pressTimer
                if (timeDiff > longPress) {
                    document.getElementById("demo").innerHTML = "Mouse Up";
                    //actual logic here
                }
                return false;
            });
            $("#<%= Label1.ClientID %>").bind("touchstart", function (e) {
                pressTimer = new Date();
                return false;
            });
        });
    </script>
    <title>Long Press Testing</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:label ID="Label1" runat="server" text="Hold This Down" />
        <br />
        <p id="demo"></p>
    </div>
    </form>
</body>
</html>

Thanks for the help.

[EDIT] – Turns out I was missing the ready statement so the event is now firing as it should. This is the final version which is behaving properly. Also I wrote this to handle long press functionality on the iPad so if anyone is trying to do that this code is a good place to start.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You are missing jQuery script registration in head section like:

    <script src="jquery.js"></script>

    $ sign is jQuery’s identifier, not JavaScript’s.

    Also, your buttons will not work, because you are referencing server button, but you must provide an id for JavaScript to work properly:

    $("#<%= Button1.ClientID %>").mouseup(function () {
        clearTimeout(pressTimer)
        // Clear timeout
        return false;
    })
    • 0