JavaScript Tutorial/Form/Button
Содержание
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>