onClick
with some elements JS-074643 <span>Copy Hash</span>
44 </button>
45 </li>
46 <li onClick={handleClick}>47 <button type="button" onClick={openInExplorer} className="flex gap-2">
48 <ExternalLinkIcon />
49 <span>Open in Minascan</span>
37 {hash}
38 </div>
39 <ul className="p-2 shadow menu dropdown-content border-2 border-secondary z-[1] bg-neutral rounded-box w-52">
40 <li onClick={handleClick}>41 <button type="button" onClick={copyHash} className="flex gap-2">
42 <CopyIcon />
43 <span>Copy Hash</span>
64 <span>Open in Minascan</span>
65 </button>
66 </li>
67 <li onClick={handleClick}>68 <Link
69 to="/contacts/new"
70 state={{ address: publicKey }}
58 <span>Copy Address</span>
59 </button>
60 </li>
61 <li onClick={handleClick}>62 <button type="button" onClick={openInExplorer} className="flex gap-2">
63 <ExternalLinkIcon />
64 <span>Open in Minascan</span>
52 })}
53 </div>
54 <ul className="p-2 shadow menu dropdown-content border-2 border-secondary z-[1] bg-neutral rounded-box w-52">
55 <li onClick={handleClick}>56 <button type="button" onClick={copyAddress} className="flex gap-2">
57 <CopyIcon />
58 <span>Copy Address</span>
Enforce onClick
is accompanied by at least one of the following: onKeyUp
, onKeyDown
, onKeyPress
. Coding for the keyboard is important for users with physical disabilities who cannot use a mouse, AT compatibility, and screenreader users. This does not apply for interactive or hidden elements
<div onClick={() => {}} />
<div onClick={() => {}} onKeyDown={this.handleKeyDown} />
<div onClick={() => {}} onKeyUp={this.handleKeyUp} />
<div onClick={() => {}} onKeyPress={this.handleKeyPress} />
<button onClick={() => {}} />
<div onClick{() => {}} aria-hidden="true" />