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