javascript事件函數(shù)中獲得事件源的兩種不錯(cuò)方法
更新時(shí)間：2014年03月17日 11:21:11 作者：
許多情況我們需要獲得事件源對(duì)象來(lái)對(duì)其屬性進(jìn)行更改,在事件響應(yīng)函數(shù)中獲得事件源的方法有如下兩種
在javascript的事件響應(yīng)中，許多情況我們需要獲得事件源對(duì)象來(lái)對(duì)其屬性進(jìn)行更改，比如更改img的src屬性。在事件響應(yīng)函數(shù)中獲得事件源的方法有如下兩種：
第一種：
直接把作為一個(gè)參數(shù)傳入。例如
<div id="myid" onclick="show(this);">text</div>
<script type="text/javascript">
function show(obj){
window.alert(obj.id);
}
</script>
第二種：
直接掉用隱藏的event對(duì)象。event對(duì)象有個(gè)srcElement屬性，可以直接訪問(wèn)它
<div id="myid" onclick="show();">text</div>
<script type="text/javascript">
function show(){
window.alert(event.srcElement.id);
}
</script>
第一種：
直接把作為一個(gè)參數(shù)傳入。例如
復(fù)制代碼 代碼如下:
<div id="myid" onclick="show(this);">text</div>
<script type="text/javascript">
function show(obj){
window.alert(obj.id);
}
</script>
第二種：
直接掉用隱藏的event對(duì)象。event對(duì)象有個(gè)srcElement屬性，可以直接訪問(wèn)它
復(fù)制代碼 代碼如下:
<div id="myid" onclick="show();">text</div>
<script type="text/javascript">
function show(){
window.alert(event.srcElement.id);
}
</script>
相關(guān)文章
JS實(shí)現(xiàn)進(jìn)入頁(yè)面時(shí)漸變背景色的方法
這篇文章主要介紹了JS實(shí)現(xiàn)進(jìn)入頁(yè)面時(shí)漸變背景色的方法,涉及javascript操作css控制背景色漸變的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了js關(guān)于命名空間的函數(shù),實(shí)例講述了namespace函數(shù)的使用技巧,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)簡(jiǎn)易ATM功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-10-10
本篇文章主要分享了js代碼實(shí)現(xiàn)下拉菜單的代碼，可復(fù)制直接運(yùn)行看效果，具有很好的參考價(jià)值，跟小編一起來(lái)看下吧2016-12-12
這篇文章主要介紹了Bootstrap實(shí)現(xiàn)彈性搜索框的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-07-07
JS字符串false轉(zhuǎn)boolean的方法(推薦)
下面小編就為大家?guī)?lái)一篇JS字符串false轉(zhuǎn)boolean的方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
javascript Array.prototype.slice的使用示例
javascript Array.prototype.slice除了常見(jiàn)的從某個(gè)數(shù)組中抽取出新的數(shù)組外，它還有一些其他的用法,下面就為大家講這些妙用2013-11-11
ES6知識(shí)點(diǎn)整理之Proxy的應(yīng)用實(shí)例詳解
這篇文章主要介紹了ES6知識(shí)點(diǎn)整理之Proxy的應(yīng)用,結(jié)合實(shí)例形式詳細(xì)分析了ES6中Proxy的功能、原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2019-04-04
javascript圖片相似度算法實(shí)現(xiàn) js實(shí)現(xiàn)直方圖和向量算法
這篇文章主要介紹了javascript實(shí)現(xiàn)圖片相似度算法，大家參考使用吧2014-01-01
js實(shí)現(xiàn)具有高亮顯示效果的多級(jí)菜單代碼
這篇文章主要介紹了js實(shí)現(xiàn)具有高亮顯示效果的多級(jí)菜單,涉及javascript針對(duì)cookie的調(diào)用及頁(yè)面元素樣式的動(dòng)態(tài)變換技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09