js模擬點選a標籤,觸發href
js中的$(...).click()事件只能觸發繫結的onClick方法,不能跳轉到href。
常規情況下如果想下如果想在js裡跳轉href的連結,會先用attr獲取到href屬性的值,然後window.location.href跳轉,但是現在想利用a標籤的download屬性實現下載功能,如果先獲取href屬性再跳轉很多瀏覽器(例如Chrome)會直接開啟mp3之類的檔案,無法實現下載。
解決方案:
$(...)[0].click();
用這個方法可以直接模擬點選href的效果,實現下載。
因為a標籤的href屬性是在他dom中的0裡面,需要點選那個0才能實現,而數字型的屬性名不能用“.”來獲取,故寫成[0]。
dom如圖:
相關推薦
【js】js模擬點選a標籤,觸發href
js中的$(...).click()事件只能觸發繫結的onClick方法,不能跳轉到href。 常規情況下如果想下如果想在js裡跳轉href的連結,會先用attr獲取到href屬性的值,然後window.location.href跳轉,但是現在想利用a標籤的download屬性實現下載功能,如果
js模擬點選a標籤,觸發href
js中的$(...).click()事件只能觸發繫結的onClick方法,不能跳轉到href。 常規情況下如果想下如果想在js裡跳轉href的連結,會先用attr獲取到href屬性的值,然後window.location.href跳轉,但是現在想利用a標籤的download
使用JS或jQuery模擬滑鼠點選a標籤事件程式碼
<a id="alink" href="abc.aspx" style="visibility: hidden;">下一步</a> $("#alink").click(); // 觸發了a標籤的點選事件,但是沒有觸發頁面跳轉 document.g
列印功能,列印頁面點選列印按鈕,觸發的js驗證
<input type="button" value="列印" class="stdButton" onclick="print_page()"/> 前臺js程式碼 function print_page() { if (!!window.Act
為何點選A標籤沒反應
為何為何為何?嗯? 我裡個去 一百度獲得三種答案,悉數到來: 1.標籤使用不合法:href屬性寫錯了,標籤沒有回之類的問題。 這種就不多解釋了,很簡單,查查標準的href是什麼格式就OK。 2.其它圖層將A標籤遮擋住了,根本點不到A標籤。 這個設定個z-index:-1就可以了吧,
easyui window點選關閉按鈕,觸發事件
使用easyui-window初始化一個視窗,由於視窗上方的按鈕都是自動組裝生成。故很難找到監聽事件源(平常做監聽,都必須找到事件源)。但是easyui提供了一系列的監聽方法:onClose,onBeforeColse...的方法。 如有視窗:<div id="wi
錨點應用(點選a標籤滾動到指定的位置)
css #main>div{ height: 400px; border:3px solid red; }html <ul> <li><a href="#aa">文章1</a></l
點選a 標籤實現post方式提交的兩種方式
在專案中遇到一個問題,就是點選a標籤,要實現以post方式提交。下面來總結一下解決方法。一、通過點選a標籤,讓form表單submit提交,從而實現post方式提交。下面看程式碼:<a href="javascript:void(0);" onclick="docume
最簡單的錨點定位 點選a標籤跳轉到頁面指定位置
<div id="aaa"> <p>錨點定位的id和我不一樣</p> </div> <div id="bbb"> <p>錨
s 點選a標籤 獲取a的自定義屬性方法_javascript技巧
今天專案上遇到一個問題,需要在點選a標籤時,將完整的內容顯示出來 原先是想用jquery的click方法 <a ownattr=“……” onClick="showDetail(this)"&g
點選a標籤提交form表單
今天在做使用者管理分頁的時候碰到一個問題,將分頁的按鈕單獨寫一個頁面,在顯示的頁面將分頁的按鈕include進來; 但是在點選a標籤的時候,會生成兩個request,仔細看程式碼都沒有問題,後來發現,a標籤在新增href=“javascript:void(0)”時,只生成一
Mui點選a標籤失效解決方案
一段程式碼輕鬆解決mui a標籤失效問題 <script> mui('body').on('tap','a',function(){ window.top.
js模擬點選事件實現程式碼
http://www.jb51.net/article/31743.htm 在實際的應用開發中,我們會常常用到JS的模事件,比如說點選事件,舉個簡單的例子,點選表單外的“提交”按鈕來提交表單。上程式碼吧 html: 複製程式碼 程式碼如下: <h3&
JS模擬點選-chrome
在chrome瀏覽器中,A標籤無法直接觸發事件click,而其它瀏覽器可以直接el.click觸發點選事件。 因此在chrome中用以下方法觸發點選 function click(el){ //fireEvent(“onclick”); 其它瀏覽器用法 var
【js例項】js實現點選標題標籤切換顯示對應內容
var box = document.getElementById("tab"); //獲取滑動標籤最外層元素 var olis = box.getElementsByTagName("li"); //獲取標籤元素 var odivs = box.getElementsByTagNa
在點選按鈕時,觸發複選框中選中的內容
package sftp; import java.awt.Component; import java.awt.event.ActionEvent; import java.awt.event.ActionListener; import javax.swing.*; i
js模擬點選事件
在頁面載入之後,我們經常會遇到聯動的問題。這個時候就需要在頁面載入後就自動觸發第一個點選事件這樣後面的聯動才能在網頁中顯示出來。 在js當中可以使用 trigger方法 $("selector").trigger("click"); 比如在我的程式碼
點選a標籤不跳轉連結
a標籤已經設定href的情況下不做跳轉動作,直接給a標籤新增一個點選事件就行了。 html程式碼: <div id="hf"> <a href="www.google.cn">
div和內部的a標籤都有click事件,點選a不觸發div的click事件
<div> <a></a> </div> $("a").click(function(){ event.stopPropagation(); }) 詳情見: https://blog.csdn.net/u0
js或者jQuery模擬點選提交按鈕button,觸發提交操作
一般情況下提交form表單,都是手動點選提交按鈕,但是為了簡化使用者操作,有時候需要自動提交表單,或者做了其他某一個操作(非提交操作)之後自動提交表單,可以使用js或者jQuery模擬點選提交按鈕,然後提交,觸發提交操作 不只是提交表單,其他需要點選的時候都可以這麼寫,不用人手動點選而達到手