推 Hevak: eventlistener那個click後面的callback吃的第一個參數是eve 10/01 00:34
→ Hevak: nt物件,直接用e.target就拿得到被點擊的element,而a elem 10/01 00:35
→ Hevak: ent的href可以直接用那個element的.href存取,所以你直接在 10/01 00:35
→ Hevak: callback裡面用e.target.href就取得到被點擊的元素的href值 10/01 00:35
Cool! 想說 callback 拿到的是 MouseEvent,在console.log 出來只有點擊座標
不知道可以用 target 拿到 elem 和 href
不過這個 callback 有辦法阻止原本的開啟網頁嗎?目前找不到方法阻止網頁跳轉
※ 編輯: leondemon (123.120.104.45), 10/01/2016 00:40:36
推 Hevak: e.preventDefault(); 10/01 00:58
→ Hevak: 這個可以阻止事件的預設行為例如a跳轉到href之類的 10/01 00:58
→ Hevak: 很常看到第callback (e) => 裡面第1行就在寫e.preventDefau 10/01 00:59
→ Hevak: lt();的XD 10/01 00:59
成功了!原來如此!代碼如下:
```
document.getElementById(href_id).addEventListener('click', (event) => {
event.preventDefault();
const iframe_elem = document.getElementById(iframe_id);
iframe_elem.src = event.target.href;
});
```
→ Hevak: Rx如果我理解沒錯的話跟你所說的那些東西其實都不衝突@@... 10/01 01:00
不衝突是沒錯,但是看了一下好像功能 RxJS 都有了,
港覺可以不用學jQuery/Ajax/Promise
倒是應該考慮找一本 vanilla JS 的 cookbook 來學常用的作法...(有推薦的嗎)
※ 編輯: leondemon (123.120.104.45), 10/01/2016 01:08:35