122 lines
2.1 KiB
Markdown
122 lines
2.1 KiB
Markdown
|
* [`submit`](#usage-submit) | [`change`](#usage-change) | [`input`](#usage-input) | [`focus`](#usage-focus) | [`blur`](#usage-blur)
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## <a id="usage-submit"></a>.submit
|
||
|
|
|
||
|
|
**Description**
|
||
|
|
Bind an event handler to the "submit" JavaScript event, or trigger that event on an element.
|
||
|
|
|
||
|
|
**Parameters**
|
||
|
|
|
||
|
|
* `handler` (Function, optional): A function to execute when the event is triggered. If omitted, the event is triggered manually.
|
||
|
|
|
||
|
|
**Returns**
|
||
|
|
|
||
|
|
* (jBase): Current instance.
|
||
|
|
|
||
|
|
**Example**
|
||
|
|
|
||
|
|
```js
|
||
|
|
$('#myForm').submit(function(e) {
|
||
|
|
e.preventDefault();
|
||
|
|
// Validate form...
|
||
|
|
});
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## <a id="usage-change"></a>.change
|
||
|
|
|
||
|
|
**Description**
|
||
|
|
Bind an event handler to the "change" JavaScript event (fires when value is committed), or trigger it.
|
||
|
|
|
||
|
|
**Parameters**
|
||
|
|
|
||
|
|
* `handler` (Function, optional): Function to execute.
|
||
|
|
|
||
|
|
**Returns**
|
||
|
|
|
||
|
|
* (jBase): Current instance.
|
||
|
|
|
||
|
|
**Example**
|
||
|
|
|
||
|
|
```js
|
||
|
|
$('select').change(function() {
|
||
|
|
console.log('New selection: ' + $(this).val());
|
||
|
|
});
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## <a id="usage-input"></a>.input
|
||
|
|
|
||
|
|
**Description**
|
||
|
|
Bind an event handler to the "input" JavaScript event (fires immediately when value changes), or trigger it.
|
||
|
|
|
||
|
|
**Parameters**
|
||
|
|
|
||
|
|
* `handler` (Function, optional): Function to execute.
|
||
|
|
|
||
|
|
**Returns**
|
||
|
|
|
||
|
|
* (jBase): Current instance.
|
||
|
|
|
||
|
|
**Example**
|
||
|
|
|
||
|
|
```js
|
||
|
|
$('#search').input(function() {
|
||
|
|
console.log('Typing: ' + $(this).val());
|
||
|
|
});
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## <a id="usage-focus"></a>.focus
|
||
|
|
|
||
|
|
**Description**
|
||
|
|
Bind an event handler to the "focus" JavaScript event, or trigger it.
|
||
|
|
|
||
|
|
**Parameters**
|
||
|
|
|
||
|
|
* `handler` (Function, optional): Function to execute.
|
||
|
|
|
||
|
|
**Returns**
|
||
|
|
|
||
|
|
* (jBase): Current instance.
|
||
|
|
|
||
|
|
**Example**
|
||
|
|
|
||
|
|
```js
|
||
|
|
$('input').focus(function() {
|
||
|
|
$(this).addClass('focused');
|
||
|
|
});
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
---
|
||
|
|
|
||
|
|
## <a id="usage-blur"></a>.blur
|
||
|
|
|
||
|
|
**Description**
|
||
|
|
Bind an event handler to the "blur" JavaScript event (lost focus), or trigger it.
|
||
|
|
|
||
|
|
**Parameters**
|
||
|
|
|
||
|
|
* `handler` (Function, optional): Function to execute.
|
||
|
|
|
||
|
|
**Returns**
|
||
|
|
|
||
|
|
* (jBase): Current instance.
|
||
|
|
|
||
|
|
**Example**
|
||
|
|
|
||
|
|
```js
|
||
|
|
$('input').blur(function() {
|
||
|
|
$(this).removeClass('focused');
|
||
|
|
});
|
||
|
|
|
||
|
|
```
|