JavaScript随记2

1.鼠标单击事件(onClick)

<input type="button" value="鼠标单击事件" onClick="show()" />

<script>
function show(){
        alert("按钮真的响应了!!");
    }
</script>

2.鼠标经过事件(onMouseOver)

<input type="button" value="鼠标经过事件" onMouseOver="show()" />

<script>
function show(){
        alert("鼠标一放上去怎么就响应了!!");
    }
</script>

3.鼠标移开事件(onMouseOut)

<input type="button" value="鼠标移开事件" onMouseOut="show()" />

<script>
function show(){
        alert("鼠标一移开就响应了!!");
    }
</script>

4.光标聚集事件(onFocus)

<input type="text" value="光标聚集事件" onFocus ="show()" />

<script>
function show(){
        alert("刚想写点东西就响应了!!");
    }
</script>

5.失焦事件(onBlur)

<input type="text" value="失焦事件" onFocus ="show()" />

<script>
function show(){
        alert("刚想离开这个文本框就响应了!!");
    }
</script>

6.内容选中事件(onSelect)

<input type="text" value="内容选中事件" onSelect ="show()" />

<script>
function show(){
        alert("刚想复制这段文字就响应了!!");
    }
</script>
  1. 文本框内容改变事件(onChange)
<input type="text" value="文本框内容改变事件" onChange ="show()" />

<script>
function show(){
        alert("小样,你以为你穿个马甲我就不认识了!!");
    }
</script>

8.用户进入页面时被触发(onLoad)和用户离开页面时被触发(onUnLoad)

onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容