JavaScript随记2

2016-11-23  本文已影响0人  梦之志

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。
上一篇 下一篇

猜你喜欢

热点阅读