JavaScript -- event handler

事件处理器(event handler)机制:当事件发生时,事件处理器将连接到需要执行的事件处理代码。
window对象具有load事件和unload事件,当页面加载完毕时触发load事件,页面卸载(用户关闭浏览器或打开了其他网页)时触发unload事件。

当使用从事件处理器返回的值来决定事件的默认行为是否执行或者取消。如一个超链接的onclick事件处理器返回值为false,则超链接默认的导航功能将被取消,同样如果form对象的onsubmit数据处理器,如果onsubmit数据处理器的返回值为true时,表单提交到指定服务器;如果返回值为false,表单提交被取消,这个功能非常适合进行数据检测是否有效。

表单控件元素,位于<form>标记中。大部分控件元素都是<input>标记创建。
name属性的值来引用指定的表单控件元素,它会随着表单元素的值一起发送到服务器,告知值是哪个表单控件的值。
所有的表单元素对象都有focus()和blur()方法,如获得焦点时,我们可以输入数据。一个命令按钮获得了焦点,我们可以按enter触发onclick事件。比如你输入错误,使用focus()方法,我们可以重返文本框。
与focus()/blur()对应,表单对象还有onfocus/onblure事件处理器。但一个表单对象获得输入焦点时,将触发onfocus事件。当对象失去焦点是触发onblur事件处理器,所以它非常适合进行表单元素对象中数据进行检查,如果无效我们就可以把输入焦点重设回该表单对象。

onmouseup/onmousedown怎么感觉跟onclick一样呢?如果是针对button而言,它不是说鼠标在它上面就触发onmouseup,而是必须在上面点击才会触发。但是有一种情况是,你在该表单外面按着鼠标左键不松开,然后拖着到表单上,它不会触发onmouseup,因为它实际上触发的是body的onmouseup操作。

文本框:
select()方法,选中文本框中的文本
onselect() 当用户选择文本框中的文本时,将会触发
onchange() 当且仅当文本档失去焦点时的值与获得焦点时的值不同时,才会触发。同样用于检验文本框的值是否有效。

现在我们已经知道具体都支持什么事件了,然后我们要做的就是对这些事件进行需要时定义。

radio    单选框,组中的单选按钮名称都是相同的。
checkbox 复选框
select   下拉列表框,如果想选择多项的话,只需设置multiple,只在select中设置name项,它下面的option只有value和显示出来的值情况。

你可能感兴趣的:(JavaScript,浏览器,服务器,input,button)