[問題] 如何攔截href的開啟網頁訊息

作者: leondemon (狗狗)   2016-09-30 23:06:11
目前的是希望一個 <a href> 在開啟網頁的時候,不是直接整個跳轉網頁
而是在頁面某個 iframe 中開啟它。目前找到的解決方法是:
```
/*某iframe tag*/
<iframe name='this_iframe'></iframe>
/*某a tag*/
<a href='https://....' target='this_iframe'></a>
```
利用 <iframe name> 和 <a href target> 可以將連結指定到 iframe 中開啟
但是目前希望用 JS 攔截這個開啟連結的請求,
然後做一些判定、修改一些 element 後,再決定是否由 iframe 開啟。
jQuery 好像可以做到這點,但是我希望用 vanilla JS 完成這件事情,
因為不希望包一個 library 在 browser extension 內...
但是不太確定這邊要如何攔截這個 http request 請求,得到 URL,
然後在 callback 中做一些事情,最後決定是否要開啟,或是指定 iframe 開啟
```
document.getElementById(href_id).addEventListener('click', (...a) => {
console.log('click', ...a);
return false;
});
```
以上雖然可以攔截點擊的事件,但是拿不到 URL,而且回傳 false 也無法阻止開啟網頁
最後也不知道如何指定 iframe 載入一個 URL...
另外一個問題,如果我已經會 RxJS 了 (我是由別的開發平台轉過來,FRP 寫兩年了)
那我如果要開發網頁,還有需要學 jQuery/Ajax/Promise 嗎?
作者: Hevak (Arthow Eshes)   2016-10-01 00:34:00
eventlistener那個click後面的callback吃的第一個參數是event物件,直接用e.target就拿得到被點擊的element,而a element的href可以直接用那個element的.href存取,所以你直接在callback裡面用e.target.href就取得到被點擊的元素的href值e.preventDefault();這個可以阻止事件的預設行為例如a跳轉到href之類的很常看到第callback (e) => 裡面第1行就在寫e.preventDefault();的XDRx如果我理解沒錯的話跟你所說的那些東西其實都不衝突@@...

Links booklink

Contact Us: admin [ a t ] ucptt.com