JS 触发器基础概要1.doc
文本预览下载声明
1 onblur 事件会在对象失去焦点时发生。
语法
onblur=SomeJavaScriptCode
参数 描述 SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 支持该事件的 HTML 标签:
a, acronym, address, area, b, bdo, big, blockquote,
button, caption, cite, dd, del, dfn, div, dl, dt,
em, fieldset, form, frame, frameset, h1 to h6, hr, i,
iframe, img, input, ins, kbd, label, legend, li,
object, ol, p, pre, q, samp, select, small, span,
strong, sub, sup, table, tbody, td, textarea, tfoot,
th, thead, tr, tt, ul, var
支持该事件的 JavaScript 对象:
button, checkbox, fileUpload, layer, frame, password,
radio, reset, submit, text, textarea, window
实例 1
在本例中,我们将在用户离开输入框时执行 JavaScript 代码:
html
head
script type=text/javascript
function upperCase()
{
var x=document.getElementById(fname).value
document.getElementById(fname).value=x.toUpperCase()
}
/script
/head
body
输入您的姓名:
input type=text id=fname onblur=upperCase() /
/body
/html
2 当改变选择时调用的事件句柄。
语法
selectObject.onchange
说明
Select 对象的 onchange 属性引用了一个事件句柄函数。当用户选中一个选项,或者取消了对一个选项的选定时,就会调用该句柄。这个事件不会指定新的选项是什么,必须通过 Select 对象的 selectedIndex 属性,或者各个 Option 对象的 selected 属性来确定这一点。
select() 方法用于选择该元素中的文本。
语法
textareaObject.onchange
说明
Textarea 的 onchange 属性引用了一个事件句柄函数,当用户改变文本区域的值然后通过把键盘焦点移动到其他地方“确认”这些改变的时候,调用该句柄。
请注意,当一个 Text 对象的 value 属性通过 JavaScript 设置的时候,onchange 事件句柄不会调用。还要注意,该句柄是为了处理对输入值的一次完整改变,因此,它不会在逐个按键的基础上调用。
onclick 事件会在对象被点击时发生。
请注意, onclick 与 onmousedown 不同。单击事件是在同一元素上发生了鼠标按下事件之后又发生了鼠标放开事件时才发生的。
语法
onclick=SomeJavaScriptCode
参数 描述 SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。 支持该事件的 HTML 标签:
a, address, area, b, bdo, big, blockquote, body, button,
caption, cite, code, dd, dfn, div, dl, dt, em, fieldset,
form, h1 to h6, hr, i, img, input, kbd, label, legend,
li, map, object, ol, p, pre, samp, select, small, span,
strong, sub, sup, table, tbody, td, textarea, tfoot, th,
thead, tr, tt, ul, var
支持该事件的 JavaScript 对象:
button, document, checkbox, link, radio, reset, submit
实例 1
在本例中,当按钮被单击时,第一个输入框中的文本会被拷贝到第二个输入框中:
html
body
Field1: input type=text id=field1 value=Hello World!
br /
Field
显示全部