~smagoun/whoopsie/whoopsie-lp1017637

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>

1593

1594

1595

1596

1597

1598

<p>Object representing the change event.</p>

1599

</div>

1600

1601

1602

</li>

1603

1604

</ul>

1605

</div>

1606

1607

1608

1609

1610

1611

</div>

1612

1613

1614

1615

<h3 class="name"><code>_attachKeyHandler</code></h3>

1616

1617

1618

1619

1620

1621

1622

1623

1624

1625

1626

<span class="flag protected">protected</span>

1627

1628

1629

1630

1631

1632

1633

1634

1635

1636

1637

1638

1639

<p>

1640

1641

Defined in

1642

1643

1644

1645

1646

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l489"><code>node-focusmanager/js/node-focusmanager.js:489</code></a>

1647

1648

</p>

1649

1650

1651

1652

1653

1654

</div>

1655

1656

1657

<p>Attaches the "key" event handlers used to support the "keys"

1658

attribute.</p>

1659

</div>

1660

1661

1662

1663

1664

1665

1666

</div>

1667

1668

1669

1670

<h3 class="name"><code>_detachEventHandlers</code></h3>

1671

1672

1673

1674

1675

1676

1677

1678

1679

1680

1681

<span class="flag protected">protected</span>

1682

1683

1684

1685

1686

1687

1688

1689

1690

1691

1692

1693

1694

<p>

1695

1696

Defined in

1697

1698

1699

1700

1701

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l562"><code>node-focusmanager/js/node-focusmanager.js:562</code></a>

1702

1703

</p>

1704

1705

1706

1707

1708

1709

</div>

1710

1711

1712

<p>Attaches all event handlers used by the Focus Manager.</p>

1713

</div>

1714

1715

1716

1717

1718

1719

1720

</div>

1721

1722

1723

1724

<h3 class="name"><code>_detachEventHandlers</code></h3>

1725

1726

1727

1728

1729

1730

1731

1732

1733

1734

1735

<span class="flag protected">protected</span>

1736

1737

1738

1739

1740

1741

1742

1743

1744

1745

1746

1747

1748

<p>

1749

1750

Defined in

1751

1752

1753

1754

1755

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l538"><code>node-focusmanager/js/node-focusmanager.js:538</code></a>

1756

1757

</p>

1758

1759

1760

1761

1762

1763

</div>

1764

1765

1766

<p>Detaches all event handlers used by the Focus Manager.</p>

1767

</div>

1768

1769

1770

1771

1772

1773

1774

</div>

1775

1776

1777

1778

<h3 class="name"><code>_detachKeyHandler</code></h3>

1779

1780

1781

1782

1783

1784

1785

1786

1787

1788

1789

<span class="flag protected">protected</span>

1790

1791

1792

1793

1794

1795

1796

1797

1798

1799

1800

1801

1802

<p>

1803

1804

Defined in

1805

1806

1807

1808

1809

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l429"><code>node-focusmanager/js/node-focusmanager.js:429</code></a>

1810

1811

</p>

1812

1813

1814

1815

1816

1817

</div>

1818

1819

1820

<p>Detaches the "key" event handlers used to support the "keys"

1821

attribute.</p>

1822

</div>

1823

1824

1825

1826

1827

1828

1829

</div>

1830

1831

1832

1833

<h3 class="name"><code>_fireClick</code></h3>

1834

1835

1836

1837

1838

1839

1840

1841

1842

1843

1844

<span class="flag protected">protected</span>

1845

1846

1847

1848

1849

1850

1851

1852

1853

1854

1855

1856

1857

<p>

1858

1859

Defined in

1860

1861

1862

1863

1864

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l466"><code>node-focusmanager/js/node-focusmanager.js:466</code></a>

1865

1866

</p>

1867

1868

1869

1870

1871

1872

</div>

1873

1874

1875

<p>Fires the click event if the enter key is pressed while

1876

focused on an HTML element that is not natively clickable.</p>

1877

</div>

1878

1879

1880

1881

1882

1883

1884

</div>

1885

1886

1887

1888

<h3 class="name"><code>_focusNext</code></h3>

1889

1890

1891

1892

1893

1894

1895

1896

<code>event</code>

1897

1898

</li>

1899

1900

1901

1902

<code>activeDescendant</code>

1903

1904

</li>

1905

1906

</ul><span class="paren">)</span>

1907

</div>

1908

1909

1910

1911

1912

1913

1914

1915

<span class="flag protected">protected</span>

1916

1917

1918

1919

1920

1921

1922

1923

1924

1925

1926

1927

1928

<p>

1929

1930

Defined in

1931

1932

1933

1934

1935

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l802"><code>node-focusmanager/js/node-focusmanager.js:802</code></a>

1936

1937

</p>

1938

1939

1940

1941

1942

1943

</div>

1944

1945

1946

<p>Keydown event handler that moves focus to the next

1947

enabled descendant.</p>

1948

</div>

1949

1950

1951

1952

<h4>Parameters:</h4>

1953

1954

1955

1956

1957

1958

<code class="param-name">event</code>

1959

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>

1960

1961

1962

1963

1964

1965

<p>Object representing the DOM event.</p>

1966

</div>

1967

1968

1969

</li>

1970

1971

1972

1973

<code class="param-name">activeDescendant</code>

1974

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>

1975

1976

1977

1978

1979

1980

<p>Number representing the index of the

1981

next descendant to be focused</p>

1982

</div>

1983

1984

1985

</li>

1986

1987

</ul>

1988

</div>

1989

1990

1991

1992

1993

1994

</div>

1995

1996

1997

1998

<h3 class="name"><code>_focusPrevious</code></h3>

1999

2000

2001

2002

2003

2004

2005

2006

<code>event</code>

2007

2008

</li>

2009

2010

2011

2012

<code>activeDescendant</code>

2013

2014

</li>

2015

2016

</ul><span class="paren">)</span>

2017

</div>

2018

2019

2020

2021

2022

2023

2024

2025

<span class="flag protected">protected</span>

2026

2027

2028

2029

2030

2031

2032

2033

2034

2035

2036

2037

2038

<p>

2039

2040

Defined in

2041

2042

2043

2044

2045

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l849"><code>node-focusmanager/js/node-focusmanager.js:849</code></a>

2046

2047

</p>

2048

2049

2050

2051

2052

2053

</div>

2054

2055

2056

<p>Keydown event handler that moves focus to the previous

2057

enabled descendant.</p>

2058

</div>

2059

2060

2061

2062

<h4>Parameters:</h4>

2063

2064

2065

2066

2067

2068

<code class="param-name">event</code>

2069

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>

2070

2071

2072

2073

2074

2075

<p>Object representing the DOM event.</p>

2076

</div>

2077

2078

2079

</li>

2080

2081

2082

2083

<code class="param-name">activeDescendant</code>

2084

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>

2085

2086

2087

2088

2089

2090

<p>Number representing the index of the

2091

next descendant to be focused.</p>

2092

</div>

2093

2094

2095

</li>

2096

2097

</ul>

2098

</div>

2099

2100

2101

2102

2103

2104

</div>

2105

2106

2107

2108

<h3 class="name"><code>_initDescendants</code></h3>

2109

2110

2111

2112

2113

2114

2115

2116

2117

2118

2119

<span class="flag protected">protected</span>

2120

2121

2122

2123

2124

2125

2126

2127

2128

2129

2130

2131

2132

<p>

2133

2134

Defined in

2135

2136

2137

2138

2139

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l277"><code>node-focusmanager/js/node-focusmanager.js:277</code></a>

2140

2141

</p>

2142

2143

2144

2145

2146

2147

</div>

2148

2149

2150

<p>Sets the <code>tabIndex</code> attribute of all of the

2151

descendants to -1, except the active descendant, whose

2152

<code>tabIndex</code> attribute is set to 0.</p>

2153

</div>

2154

2155

2156

2157

2158

2159

2160

</div>

2161

2162

2163

2164

<h3 class="name"><code>_isDescendant</code></h3>

2165

2166

2167

2168

2169

2170

2171

2172

2173

2174

</li>

2175

2176

</ul><span class="paren">)</span>

2177

</div>

2178

2179

2180

2181

2182

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>

2183

</span>

2184

2185

2186

2187

2188

2189

<span class="flag protected">protected</span>

2190

2191

2192

2193

2194

2195

2196

2197

2198

2199

2200

2201

2202

<p>

2203

2204

Defined in

2205

2206

2207

2208

2209

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l388"><code>node-focusmanager/js/node-focusmanager.js:388</code></a>

2210

2211

</p>

2212

2213

2214

2215

2216

2217

</div>

2218

2219

2220

<p>Determines if the specified Node instance is a descendant

2221

managed by the Focus Manager.</p>

2222

</div>

2223

2224

2225

2226

<h4>Parameters:</h4>

2227

2228

2229

2230

2231

2232

2233

2234

2235

2236

2237

2238

2239

<p>Node instance to be checked.</p>

2240

</div>

2241

2242

2243

</li>

2244

2245

</ul>

2246

</div>

2247

2248

2249

2250

2251

<h4>Returns:</h4>

2252

2253

2254

2255

2256

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>:

2257

2258

Boolean indicating if the specified Node instance is a

2259

descendant managed by the Focus Manager.

2260

2261

</div>

2262

</div>

2263

2264

2265

2266

</div>

2267

2268

2269

2270

<h3 class="name"><code>_onDocFocus</code></h3>

2271

2272

2273

2274

2275

2276

2277

2278

<code>event</code>

2279

2280

</li>

2281

2282

</ul><span class="paren">)</span>

2283

</div>

2284

2285

2286

2287

2288

2289

2290

2291

<span class="flag protected">protected</span>

2292

2293

2294

2295

2296

2297

2298

2299

2300

2301

2302

2303

2304

<p>

2305

2306

Defined in

2307

2308

2309

2310

2311

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l721"><code>node-focusmanager/js/node-focusmanager.js:721</code></a>

2312

2313

</p>

2314

2315

2316

2317

2318

2319

</div>

2320

2321

2322

<p>"focus" event handler for the owner document of the

2323

Focus Manager's Node.</p>

2324

</div>

2325

2326

2327

2328

<h4>Parameters:</h4>

2329

2330

2331

2332

2333

2334

<code class="param-name">event</code>

2335

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>

2336

2337

2338

2339

2340

2341

<p>Object representing the DOM event.</p>

2342

</div>

2343

2344

2345

</li>

2346

2347

</ul>

2348

</div>

2349

2350

2351

2352

2353

2354

</div>

2355

2356

2357

2358

<h3 class="name"><code>_onDocMouseDown</code></h3>

2359

2360

2361

2362

2363

2364

2365

2366

<code>event</code>

2367

2368

</li>

2369

2370

</ul><span class="paren">)</span>

2371

</div>

2372

2373

2374

2375

2376

2377

2378

2379

<span class="flag protected">protected</span>

2380

2381

2382

2383

2384

2385

2386

2387

2388

2389

2390

2391

2392

<p>

2393

2394

Defined in

2395

2396

2397

2398

2399

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l635"><code>node-focusmanager/js/node-focusmanager.js:635</code></a>

2400

2401

</p>

2402

2403

2404

2405

2406

2407

</div>

2408

2409

2410

<p>"mousedown" event handler for the owner document of the

2411

Focus Manager's Node.</p>

2412

</div>

2413

2414

2415

2416

<h4>Parameters:</h4>

2417

2418

2419

2420

2421

2422

<code class="param-name">event</code>

2423

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>

2424

2425

2426

2427

2428

2429

<p>Object representing the DOM event.</p>

2430

</div>

2431

2432

2433

</li>

2434

2435

</ul>

2436

</div>

2437

2438

2439

2440

2441

2442

</div>

2443

2444

2445

2446

<h3 class="name"><code>_preventScroll</code></h3>

2447

2448

2449

2450

2451

2452

2453

2454

2455

2456

2457

<span class="flag protected">protected</span>

2458

2459

2460

2461

2462

2463

2464

2465

2466

2467

2468

2469

2470

<p>

2471

2472

Defined in

2473

2474

2475

2476

2477

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l451"><code>node-focusmanager/js/node-focusmanager.js:451</code></a>

2478

2479

</p>

2480

2481

2482

2483

2484

2485

</div>

2486

2487

2488

<p>Prevents the viewport from scolling when the user presses

2489

the up, down, left, or right key.</p>

2490

</div>

2491

2492

2493

2494

2495

2496

2497

</div>

2498

2499

2500

2501

<h3 class="name"><code>_removeFocusClass</code></h3>

2502

2503

2504

2505

2506

2507

2508

2509

2510

2511

2512

<span class="flag protected">protected</span>

2513

2514

2515

2516

2517

2518

2519

2520

2521

2522

2523

2524

2525

<p>

2526

2527

Defined in

2528

2529

2530

2531

2532

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l404"><code>node-focusmanager/js/node-focusmanager.js:404</code></a>

2533

2534

</p>

2535

2536

2537

2538

2539

2540

</div>

2541

2542

2543

<p>Removes the class name representing focus (as specified by

2544

the "focusClass" attribute) from the Node instance to which it is

2545

currently applied.</p>

2546

</div>

2547

2548

2549

2550

2551

2552

2553

</div>

2554

2555

2556

2557

2558

2559

2560

2561

2562

2563

2564

2565

2566

2567

2568

2569

2570

2571

2572

2573

2574

2575

2576

2577

2578

2579

<p>

2580

2581

Defined in

2582

2583

2584

2585

2586

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l971"><code>node-focusmanager/js/node-focusmanager.js:971</code></a>

2587

2588

</p>

2589

2590

2591

2592

2593

2594

</div>

2595

2596

2597

<p>Blurs the current active descendant and sets the

2598

<code>focused</code> attribute to false.</p>

2599

</div>

2600

2601

2602

2603

2604

2605

2606

</div>

2607

2608

2609

2610

<h3 class="name"><code>focus</code></h3>

2611

2612

2613

2614

2615

2616

2617

2618

<code>index</code>

2619

2620

</li>

2621

2622

2623

2624

<code>index</code>

2625

2626

</li>

2627

2628

</ul><span class="paren">)</span>

2629

</div>

2630

2631

2632

2633

2634

2635

2636

2637

2638

2639

2640

2641

2642

2643

2644

2645

2646

2647

2648

<p>

2649

2650

Defined in

2651

2652

2653

2654

2655

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l932"><code>node-focusmanager/js/node-focusmanager.js:932</code></a>

2656

2657

</p>

2658

2659

2660

2661

2662

2663

</div>

2664

2665

2666

<p>Focuses the active descendant and sets the

2667

<code>focused</code> attribute to true.</p>

2668

</div>

2669

2670

2671

2672

<h4>Parameters:</h4>

2673

2674

2675

2676

2677

2678

<code class="param-name">index</code>

2679

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>

2680

2681

2682

2683

2684

2685

<p>Optional. Number representing the index of the

2686

descendant to be set as the active descendant.</p>

2687

</div>

2688

2689

2690

</li>

2691

2692

2693

2694

<code class="param-name">index</code>

2695

2696

2697

2698

2699

2700

2701

<p>Optional. Node instance representing the

2702

descendant to be set as the active descendant.</p>

2703

</div>

2704

2705

2706

</li>

2707

2708

</ul>

2709

</div>

2710

2711

2712

2713

2714

2715

</div>

2716

2717

2718

2719

<h3 class="name"><code>refresh</code></h3>

2720

2721

2722

2723

2724

2725

2726

2727

2728

2729

2730

2731

2732

2733

2734

2735

2736

2737

2738

2739

2740

2741

<p>

2742

2743

Defined in

2744

2745

2746

2747

2748

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l1042"><code>node-focusmanager/js/node-focusmanager.js:1042</code></a>

2749

2750

</p>

2751

2752

2753

2754

2755

2756

</div>

2757

2758

2759

<p>Refreshes the Focus Manager's descendants by re-executing the

2760

CSS selector query specified by the <code>descendants</code> attribute.</p>

2761

</div>

2762

2763

2764

2765

2766

2767

2768

</div>

2769

2770

2771

2772

<h3 class="name"><code>start</code></h3>

2773

2774

2775

2776

2777

2778

2779

2780

2781

2782

2783

2784

2785

2786

2787

2788

2789

2790

2791

2792

2793

2794

<p>

2795

2796

Defined in

2797

2798

2799

2800

2801

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l1004"><code>node-focusmanager/js/node-focusmanager.js:1004</code></a>

2802

2803

</p>

2804

2805

2806

2807

2808

2809

</div>

2810

2811

2812

<p>Enables the Focus Manager.</p>

2813

</div>

2814

2815

2816

2817

2818

2819

2820

</div>

2821

2822

2823

2824

2825

2826

2827

2828

2829

2830

2831

2832

2833

2834

2835

2836

2837

2838

2839

2840

2841

2842

2843

2844

2845

2846

<p>

2847

2848

Defined in

2849

2850

2851

2852

2853

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l1022"><code>node-focusmanager/js/node-focusmanager.js:1022</code></a>

2854

2855

</p>

2856

2857

2858

2859

2860

2861

</div>

2862

2863

2864

<p>Disables the Focus Manager by detaching all event handlers.</p>

2865

</div>

2866

2867

2868

2869

2870

2871

2872

</div>

2873

2874

2875

</div>

2876

2877

2878

2879

2880

2881

2882

<h2 class="off-left">Attributes</h2>

2883

2884

2885

2886

2887

<h3 class="name"><code>activeDescendant</code></h3>

2888

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Number" class="crosslink external" target="_blank">Number</a></span>

2889

2890

2891

2892

2893

2894

2895

2896

2897

2898

2899

2900

2901

2902

<p>

2903

2904

Defined in

2905

2906

2907

2908

2909

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l117"><code>node-focusmanager/js/node-focusmanager.js:117</code></a>

2910

2911

</p>

2912

2913

2914

2915

2916

</div>

2917

2918

2919

<p>Node, or index of the Node, representing the descendant that is either

2920

focused or is focusable (<code>tabIndex</code> attribute is set to 0).

2921

The value cannot represent a disabled descendant Node. Use a value of -1

2922

to remove all descendant Nodes from the default tab flow.

2923

If no value is specified, the active descendant will be inferred using

2924

the following criteria:</p>

2925

2926

<ol>

2927

<li>Examining the <code>tabIndex</code> attribute of each descendant and

2928

using the first descendant whose <code>tabIndex</code> attribute is set

2929

to 0</li>

2930

<li>If no default can be inferred then the value is set to either 0 or

2931

the index of the first enabled descendant.</li>

2932

</ol>

2933

</div>

2934

2935

2936

2937

2938

2939

<h4>Fires event <code>activeDescendantChange</code></h4>

2940

2941

<p>

2942

Fires when the value for the configuration attribute <code>activeDescendant</code> is

2943

changed. You can listen for the event using the <code>on</code> method if you

2944

wish to be notified before the attribute's value has changed, or

2945

using the <code>after</code> method if you wish to be notified after the

2946

attribute's value has changed.

2947

</p>

2948

2949

2950

<h4>Parameters:</h4>

2951

2952

2953

2954

2955

<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>

2956

2957

2958

An Event Facade object with the following

2959

attribute-specific properties added:

2960

</div>

2961

2962

2963

2964

<code class="param-name">prevVal</code>

2965

2966

<div class="param-description">The value of the attribute, prior to it being set.</div>

2967

</li>

2968

2969

<code class="param-name">newVal</code>

2970

2971

<div class="param-description">The value the attribute is to be set to.</div>

2972

</li>

2973

2974

<code class="param-name">attrName</code>

2975

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

2976

<div class="param-description">The name of the attribute being set.</div>

2977

</li>

2978

2979

<code class="param-name">subAttrName</code>

2980

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

2981

<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>

2982

</li>

2983

</ul>

2984

</li>

2985

</ul>

2986

</div>

2987

</div>

2988

2989

2990

2991

</div>

2992

2993

2994

2995

2996

<h3 class="name"><code>circular</code></h3>

2997

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>

2998

2999

3000

3001

3002

3003

3004

3005

3006

3007

3008

3009

3010

3011

<p>

3012

3013

Defined in

3014

3015

3016

3017

3018

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l234"><code>node-focusmanager/js/node-focusmanager.js:234</code></a>

3019

3020

</p>

3021

3022

3023

3024

3025

</div>

3026

3027

3028

<p>Boolean indicating if focus should be set to the first/last descendant

3029

when the end or beginning of the descendants has been reached.</p>

3030

</div>

3031

3032

3033

<p><strong>Default:</strong> true</p>

3034

3035

3036

3037

3038

<h4>Fires event <code>circularChange</code></h4>

3039

3040

<p>

3041

Fires when the value for the configuration attribute <code>circular</code> is

3042

changed. You can listen for the event using the <code>on</code> method if you

3043

wish to be notified before the attribute's value has changed, or

3044

using the <code>after</code> method if you wish to be notified after the

3045

attribute's value has changed.

3046

</p>

3047

3048

3049

<h4>Parameters:</h4>

3050

3051

3052

3053

3054

<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>

3055

3056

3057

An Event Facade object with the following

3058

attribute-specific properties added:

3059

</div>

3060

3061

3062

3063

<code class="param-name">prevVal</code>

3064

3065

<div class="param-description">The value of the attribute, prior to it being set.</div>

3066

</li>

3067

3068

<code class="param-name">newVal</code>

3069

3070

<div class="param-description">The value the attribute is to be set to.</div>

3071

</li>

3072

3073

<code class="param-name">attrName</code>

3074

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

3075

<div class="param-description">The name of the attribute being set.</div>

3076

</li>

3077

3078

<code class="param-name">subAttrName</code>

3079

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

3080

<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>

3081

</li>

3082

</ul>

3083

</li>

3084

</ul>

3085

</div>

3086

</div>

3087

3088

3089

3090

</div>

3091

3092

3093

3094

3095

<h3 class="name"><code>descendants</code></h3>

3096

<span class="type">Y.NodeList</span>

3097

3098

3099

3100

3101

3102

3103

3104

3105

3106

3107

3108

3109

3110

<p>

3111

3112

Defined in

3113

3114

3115

3116

3117

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l99"><code>node-focusmanager/js/node-focusmanager.js:99</code></a>

3118

3119

</p>

3120

3121

3122

3123

3124

</div>

3125

3126

3127

<p>String representing the CSS selector used to define the descendant Nodes

3128

whose focus should be managed.</p>

3129

</div>

3130

3131

3132

3133

3134

3135

<h4>Fires event <code>descendantsChange</code></h4>

3136

3137

<p>

3138

Fires when the value for the configuration attribute <code>descendants</code> is

3139

changed. You can listen for the event using the <code>on</code> method if you

3140

wish to be notified before the attribute's value has changed, or

3141

using the <code>after</code> method if you wish to be notified after the

3142

attribute's value has changed.

3143

</p>

3144

3145

3146

<h4>Parameters:</h4>

3147

3148

3149

3150

3151

<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>

3152

3153

3154

An Event Facade object with the following

3155

attribute-specific properties added:

3156

</div>

3157

3158

3159

3160

<code class="param-name">prevVal</code>

3161

3162

<div class="param-description">The value of the attribute, prior to it being set.</div>

3163

</li>

3164

3165

<code class="param-name">newVal</code>

3166

3167

<div class="param-description">The value the attribute is to be set to.</div>

3168

</li>

3169

3170

<code class="param-name">attrName</code>

3171

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

3172

<div class="param-description">The name of the attribute being set.</div>

3173

</li>

3174

3175

<code class="param-name">subAttrName</code>

3176

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

3177

<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>

3178

</li>

3179

</ul>

3180

</li>

3181

</ul>

3182

</div>

3183

</div>

3184

3185

3186

3187

</div>

3188

3189

3190

3191

3192

<h3 class="name"><code>focusClass</code></h3>

3193

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a> | <a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>

3194

3195

3196

3197

3198

3199

3200

3201

3202

3203

3204

3205

3206

3207

<p>

3208

3209

Defined in

3210

3211

3212

3213

3214

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l219"><code>node-focusmanager/js/node-focusmanager.js:219</code></a>

3215

3216

</p>

3217

3218

3219

3220

3221

</div>

3222

3223

3224

<p>String representing the name of class applied to the focused active

3225

descendant Node. Can also be an object literal used to define both the

3226

class name, and the Node to which the class should be applied. If using

3227

an object literal, the format is:

3228

<code>{ className: "focus", fn: myFunction }</code>. The function

3229

referenced by the <code>fn</code> property in the object literal will be

3230

passed a reference to the currently focused active descendant Node.</p>

3231

</div>

3232

3233

3234

3235

3236

3237

<h4>Fires event <code>focusClassChange</code></h4>

3238

3239

<p>

3240

Fires when the value for the configuration attribute <code>focusClass</code> is

3241

changed. You can listen for the event using the <code>on</code> method if you

3242

wish to be notified before the attribute's value has changed, or

3243

using the <code>after</code> method if you wish to be notified after the

3244

attribute's value has changed.

3245

</p>

3246

3247

3248

<h4>Parameters:</h4>

3249

3250

3251

3252

3253

<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>

3254

3255

3256

An Event Facade object with the following

3257

attribute-specific properties added:

3258

</div>

3259

3260

3261

3262

<code class="param-name">prevVal</code>

3263

3264

<div class="param-description">The value of the attribute, prior to it being set.</div>

3265

</li>

3266

3267

<code class="param-name">newVal</code>

3268

3269

<div class="param-description">The value the attribute is to be set to.</div>

3270

</li>

3271

3272

<code class="param-name">attrName</code>

3273

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

3274

<div class="param-description">The name of the attribute being set.</div>

3275

</li>

3276

3277

<code class="param-name">subAttrName</code>

3278

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

3279

<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>

3280

</li>

3281

</ul>

3282

</li>

3283

</ul>

3284

</div>

3285

</div>

3286

3287

3288

3289

</div>

3290

3291

3292

3293

3294

<h3 class="name"><code>focused</code></h3>

3295

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Boolean" class="crosslink external" target="_blank">Boolean</a></span>

3296

3297

3298

3299

3300

3301

3302

3303

3304

3305

3306

3307

3308

3309

<p>

3310

3311

Defined in

3312

3313

3314

3315

3316

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l83"><code>node-focusmanager/js/node-focusmanager.js:83</code></a>

3317

3318

</p>

3319

3320

3321

3322

3323

</div>

3324

3325

3326

<p>Boolean indicating that one of the descendants is focused.</p>

3327

</div>

3328

3329

3330

<p><strong>Default:</strong> false</p>

3331

3332

3333

3334

3335

<h4>Fires event <code>focusedChange</code></h4>

3336

3337

<p>

3338

Fires when the value for the configuration attribute <code>focused</code> is

3339

changed. You can listen for the event using the <code>on</code> method if you

3340

wish to be notified before the attribute's value has changed, or

3341

using the <code>after</code> method if you wish to be notified after the

3342

attribute's value has changed.

3343

</p>

3344

3345

3346

<h4>Parameters:</h4>

3347

3348

3349

3350

3351

<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>

3352

3353

3354

An Event Facade object with the following

3355

attribute-specific properties added:

3356

</div>

3357

3358

3359

3360

<code class="param-name">prevVal</code>

3361

3362

<div class="param-description">The value of the attribute, prior to it being set.</div>

3363

</li>

3364

3365

<code class="param-name">newVal</code>

3366

3367

<div class="param-description">The value the attribute is to be set to.</div>

3368

</li>

3369

3370

<code class="param-name">attrName</code>

3371

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

3372

<div class="param-description">The name of the attribute being set.</div>

3373

</li>

3374

3375

<code class="param-name">subAttrName</code>

3376

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

3377

<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>

3378

</li>

3379

</ul>

3380

</li>

3381

</ul>

3382

</div>

3383

</div>

3384

3385

3386

3387

</div>

3388

3389

3390

3391

3392

3393

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Object" class="crosslink external" target="_blank">Object</a></span>

3394

3395

3396

3397

3398

3399

3400

3401

3402

3403

3404

3405

3406

3407

<p>

3408

3409

Defined in

3410

3411

3412

3413

3414

<a href="../files/node-focusmanager_js_node-focusmanager.js.html#l194"><code>node-focusmanager/js/node-focusmanager.js:194</code></a>

3415

3416

</p>

3417

3418

3419

3420

3421

</div>

3422

3423

3424

<p>Object literal representing the keys to be used to navigate between the

3425

next/previous descendant. The format for the attribute's value is

3426

<code>{ next: "down:40", previous: "down:38" }</code>. The value for the

3427

"next" and "previous" properties are used to attach

3428

<a href="event/#keylistener"><code>key</code></a> event listeners. See

3429

the <a href="event/#keylistener">Using the key Event</a> section of

3430

the Event documentation for more information on "key" event listeners.</p>

3431

</div>

3432

3433

3434

3435

3436

3437

<h4>Fires event <code>keysChange</code></h4>

3438

3439

<p>

3440

Fires when the value for the configuration attribute <code>keys</code> is

3441

changed. You can listen for the event using the <code>on</code> method if you

3442

wish to be notified before the attribute's value has changed, or

3443

using the <code>after</code> method if you wish to be notified after the

3444

attribute's value has changed.

3445

</p>

3446

3447

3448

<h4>Parameters:</h4>

3449

3450

3451

3452

3453

<span class="type"><a href="../classes/EventFacade.html" class="crosslink">EventFacade</a></span>

3454

3455

3456

An Event Facade object with the following

3457

attribute-specific properties added:

3458

</div>

3459

3460

3461

3462

<code class="param-name">prevVal</code>

3463

3464

<div class="param-description">The value of the attribute, prior to it being set.</div>

3465

</li>

3466

3467

<code class="param-name">newVal</code>

3468

3469

<div class="param-description">The value the attribute is to be set to.</div>

3470

</li>

3471

3472

<code class="param-name">attrName</code>

3473

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

3474

<div class="param-description">The name of the attribute being set.</div>

3475

</li>

3476

3477

<code class="param-name">subAttrName</code>

3478

<span class="type"><a href="https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String" class="crosslink external" target="_blank">String</a></span>

3479

<div class="param-description">If setting a property within the attribute's value, the name of the sub-attribute property being set.</div>

3480

</li>

3481

</ul>

3482

</li>

3483

</ul>

3484

</div>

3485

</div>

3486

3487

3488

3489

</div>

3490

3491

3492

</div>

3493

3494

3495

3496

</div>

3497

</div>

3498

3499

</div>

3500

</div>

3501

</div>

3502

</div>

3503

</div>

3504

</div>

3505

3506

3507

3508

3509

3510

3511

3512

3513

</body>

3514

</html>

Older »