In order to access this site you need to enable JavaScript!

You are here: Reference > JavaScript > client-side > style handling > properties > browser specific extensions > MozUserFocus

MozUserFocus style property

Browser support:

Specifies or retrieves whether the element can have focus.

This property is the same as the user-focus property in the CSS3 declaration.

Syntax:

object.MozUserFocus;

You can find the related objects in the Supported by objects section below.

This property is read/write.

CSS page for this property: -moz-user-focus

Possible values:

The type of this property is string.

One of the following values:

auto

Default. Use the default focus behavior for the element.

ignore

Seems to be like 'none'.

inherit

Takes the value of this property from the computed style of the parent element.

none

The element can not receive focus.

normal

Seems to be like 'auto'.

Default: auto.

Example HTML code 1:

This example illustrates the use of the -moz-user-focus property:

<head>
    <style>
        .example {
            -moz-user-focus: none;
            /* it doesn't seem to working so we need some workaround */
            -moz-user-select: none;
            -moz-user-input: disabled;
        }
    </style>
</head>
<body>
    <input type="text" onfocus="alert ('Focus on 1. object')" value="Press tab to focus" />
    <input type="text" onfocus="alert ('Focus on 2. object')" class="example" value="This element cannot receive focus" />
    <input type="text" onfocus="alert ('Focus on 3. object')" value="Press tab to focus" />
</body>