关于javascript事件响应的基础语法总结(必看篇)

1、

onclick

是鼠标单击事件，当在网页上单击鼠标时，就会发生该事件。同时onclick事件调用的程序块就会被执行，通常与按钮一起使用

//鼠标经过"确定"按钮时，触发onmouSEOver事件，调用函数message()，弹出消息框

3、

onmouSEOut

鼠标移开事件，当鼠标移开当前对象时，执行onmouSEOut调用的程序。

鼠标移开事件请选择您的职业：
//当下拉列表得到焦点时，调用message()函数，就弹出对话框“"请选择，您现在的职业！”。

5、

onblur

事件与onfocus是相对事件，当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序。

<Meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 失焦事件

个人简介：

</form>
</body>
</html>
//当选中个人简介文本框<a href="https://www.jb51.cc/tag/zhongwen/" target="_blank" class="keywords">中文</a>字时(相当于复制粘贴中的复制这个行为就是选<a href="https://www.jb51.cc/tag/zhongwen/" target="_blank" class="keywords">中文</a>本)，触发onselect事件，并弹出对话框。</pre>
</div>
<p>7、<h3>onchange</h3>事件是通过改变文本框的<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>来触发onchange事件，同时执行被<a href="https://www.jb51.cc/tag/diaoyong/" target="_blank" class="keywords">调用</a>的程序</p>
<div class="jb51code">
<pre class="brush:js;">
<!DOCTYPE HTML>
<html>
<head>
<<a href="https://www.jb51.cc/tag/Meta/" target="_blank" class="keywords">Meta</a> http-equiv="Content-Type" content="text/html; charset=utf-8">
<title> 文本框<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>改变事件 </title>
<script type="text/javascript">
 function message(){
  alert("您改变了文本<a href="https://www.jb51.cc/tag/neirong/" target="_blank" class="keywords">内容</a>！"); }
</script>  
</head>
<body>
 <form>
 个人简介：<br>
  <textarea name="summary" cols="60" rows="5">请写入个人简介，不少于200字！

//改变文本框内容时，鼠标的聚点还在文本框的时候并不会弹出对话框，但当改变完内容后，鼠标移动到别处（鼠标聚点离开文本框的时候）便会立刻调用message()函数，弹出对话框“您改变了文本内容！”

8、

onload

加载事件会在页面加载完成后，立即发生，同时执行被调用的程序。注意：加载页面时，触发onload事件，事件写在标签内。

<Meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 加载事件欢迎学习JavaScript。 //当退出页面时，弹出对话框“您确定离开该网页吗？”。

以上就是小编为大家带来的关于javascript事件响应的基础语法总结(必看篇)全部内容了，希望大家多多支持编程之家~

原文链接：https://www.f2er.com/js/43149.html

关于javascript事件响应的基础语法总结(必看篇)

onclick

onmouSEOut

onblur

onload

猜你在找的JavaScript相关文章