JavaScript Tutorial/Form/Button

Материал из Web эксперт
Перейти к: навигация, поиск

Button

The Button object represents a graphical button.

Buttons are created as part of a form by using the <input> tag with the TYPE attribute set to button in an HTML document.

Once created, buttons can be accessed in JavaScript as an element of a form using dot notation.

Arguments, Properties, Methods, and Event Handlers Associated with the Button Object are listed in the following table.

form Returns the form object of a button. name The string specified in the NAME attribute of the HTML <input> tag. type The string specified in the TYPE attribute of the HTML <input> tag. This string is always button for the Button object. value The string that appears in the graphical representation of a button. blur() Removes focus from a button. click() Calls the button"s onClick event handler. focus() Applies focus to a button. handleEvent() Passes an event to the appropriate event handler associated with a button. onBlur The handler invoked when focus is removed from a button. onClick The handler invoked when a button is clicked. onFocus The handler invoked when focus is applied to a button. onMouseDown The handler invoked when the mouse is clicked to select a button. onMouseUp The handler invoked when the mouse is clicked to unselect a button.



   <source lang="javascript">

<html>

The Button NAME Property

   <form name="myForm">
     <input type="button"
            value="Press here to see the name of this button"
            name="myBigButton"
            onClick="displayButtonName()">
     <input type="text"
            name="textBox">
   </form>
   <script language="JavaScript">
   
   </script>
   </html></source>
   
  

Button.blur()

Syntax



   <source lang="javascript">

document.form.button.blur()</source>


Button.click()

Syntax



   <source lang="javascript">

document.form.button.click()</source>


Button.focus()

Syntax



   <source lang="javascript">

document.form.button.focus()</source>


Button.form

Syntax



   <source lang="javascript">

document.form.button.form</source>


Button.name

Syntax



   <source lang="javascript">

document.form.button.name</source>


Button.onBlur

Syntax



   <source lang="javascript">

onBlur="command"</source>


Button.onClick

Syntax



   <source lang="javascript">

onClick="command"</source>


Button onclick action event

   <source lang="javascript">

<html> <head> <title>Matching a single literal character</title> <script type="text/javascript" language="javascript">

</script> </head> <body> <form> <button type="Button" onclick="TestGuess()">Click here to guess</button> </form> </body> </html></source>


Button.onFocus

Syntax



   <source lang="javascript">

onFocus="command"</source>


Button.onMouseDown

Syntax



   <source lang="javascript">

onMouseDown="command"</source>


Button.onMouseUp

Syntax



   <source lang="javascript">

onMouseUp="command"</source>


Button.type

Syntax



   <source lang="javascript">

document.form.button.type</source>


Button.value

Syntax



   <source lang="javascript">

document.form.button.value</source>