New to Telerik UI for ASP.NET AJAX? Download free 30-day trial


The following article demonstrates how to use and subscribe to the OnClientNodeMouseEnter client-side event of the RadNavigation control.

The client-side OnClientNodeMouseEnter event of the RadNavigation is raised when the mouse enters a Node. To handle this event, simply write a JavaScript function that can be called when the event occurs. Then assign the name of this function as the value of the OnClientNodeMouseEnter property.

The client-side OnClientNodeMouseEnter event handler receives two arguments:

  1. sender — the RadNavigation object that fired the event.

  2. Event arguments — an event arguments object that exposes the following methods:

  • get_node() returns a reference NavigationNode that the mouse just entered.

  • get_domEvent() returns a reference to the DOM event object for the mouse movement.

Example 1: Handle the RadNavigation's client-side OnClientNodeMouseEnter event.

<script type="text/javascript">
    var timeOut;
    function OnClientNodeMouseEnter(sender, eventArgs) {
        var node = args.get_node(),
                  expandedSubling = node.get_parent().get_expandedNode();

        if (node.get_hidden()) {


        if (node.get_expandedNode()) {

        if (expandedSubling && expandedSubling !== node) {

        if (!node.get_expanded()) {


        isMouseOverNode = true;

<telerik:RadNavigation runat="server" ID="RadNavigation1" OnClientNodeMouseEnter="OnClientNodeMouseEnter">
        <telerik:NavigationNode Text="Node1"></telerik:NavigationNode>
        <telerik:NavigationNode Text="Node2"></telerik:NavigationNode>
        <telerik:NavigationNode Text="Node3"></telerik:NavigationNode>

See Also

In this article
Not finding the help you need? Improve this article