国产欧美日韩第一页|日本一二三不卡视频|在线精品小视频,亚洲第一免费播放区,metcn人体亚洲一区,亚洲精品午夜视频

相關(guān)文章

國信辦再關(guān)閉31家違規網(wǎng)站云南省2019年國家網(wǎng)絡(luò )安全周在麗江啟動(dòng)，藍隊云獲頒“最佳技術(shù)支持獎” 英特爾計劃在中國打造物聯(lián)網(wǎng)國際品牌云南公布第二批免費向社會(huì )提供信息技術(shù)服務(wù)企業(yè)名單中國互聯(lián)網(wǎng)企業(yè)赴美上市規模預計今年或減半

幫助中心 > 技術(shù)知識庫 > 數據庫 > 相關(guān)技術(shù)支持 > jQuery 自動(dòng)觸發(fā)事件實(shí)例

jQuery 自動(dòng)觸發(fā)事件實(shí)例

2019-03-08 14:08:16 8790

有時(shí)候項目需求頁(yè)面加載完后，需要模擬用戶(hù)操作，自動(dòng)點(diǎn)擊按鈕。jQuery中可以使用trigger()方法模擬事件。

$(selector).trigger(event,[param1,param2,...])

event：必須，規定指定元素上要觸發(fā)的事件?？梢允亲远x事件和標準事件。

param1,param2,...可選。傳遞到事件處理程序的額外參數。
額外的參數對自定義事件特別有用。

例如，模擬點(diǎn)擊事件可以用以下的語(yǔ)句

$('#btn').trigger("click");
$('#btn').click();

但是，trigger()方法有一個(gè)問(wèn)題，trigger() 方法觸發(fā)被選元素上指定的事件以及事件的默認行為（比如表單提交）。某些情況下會(huì )帶來(lái)一些不必要的后果，然而大多數的博客都都只說(shuō)了trigger怎么用，沒(méi)有講會(huì )帶來(lái)什么問(wèn)題。
這里就需要介紹另外一個(gè)方法triggerHandler()，triggerHandler() 不觸發(fā)事件的默認行為。

trigger()與 triggerHandler() 方法相比的不同之處:

它不會(huì )引起事件（比如表單提交）的默認行為
.trigger() 會(huì )操作 jQuery 對象匹配的所有元素，而 .triggerHandler() 只影響第一個(gè)匹配元素。
由 .triggerHandler() 創(chuàng )建的事件不會(huì )在 DOM 樹(shù)中冒泡；如果目標元素不直接處理它們，則不會(huì )發(fā)生任何事情。

提交成功！非常感謝您的反饋，我們會(huì )繼續努力做到更好！

這條文檔是否有幫助解決問(wèn)題？

非常抱歉未能幫助到您。為了給您提供更好的服務(wù)，我們很需要您進(jìn)一步的反饋信息：

在文檔使用中是否遇到以下問(wèn)題：

內容錯誤更新不及時(shí) 鏈接錯誤缺少代碼/圖片示例太簡(jiǎn)單/步驟待完善其他

<input type="hidden" name="referer" value="http://www.baidu.com" />
		<input type="hidden" name="star" value="" />
		<input type="hidden" id="url" value="/index/help/feedback.html?type=0" />
		<input type="button" class="solved-btn ld-reset" value="取消">
	</div>
</form>

<link rel="stylesheet" >

<style type="text/css">
  .nc-container #nc_2_wrapper, .nc-container.tb-login #nc_2_wrapper {width: 350px !important;}
  #login-ewm{width: 520px; height: 420px; position: fixed; left: 50%; top: 50%; margin: -210px 0 0 -260px;z-index: 111111111;}
  #login-ewm .close{width:40px;height:40px;position: absolute;right: 0;top: 0; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDhCQTI3ODI0OUIwMTFFQkE5MTE4QTMxRkQ1NzVBM0YiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDhCQTI3ODE0OUIwMTFFQkE5MTE4QTMxRkQ1NzVBM0YiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OTAwQ0YxQ0I0NTg5MTFFQkE4QjdDOUY3MTY4ODJFRjUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OTAwQ0YxQ0M0NTg5MTFFQkE4QjdDOUY3MTY4ODJFRjUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5c+6/MAAAA8klEQVR42qzWTQrCMBAF4PisCw+iG3Hpz1LEs/SWKuLGulfQi3ShgjOQQilpOpPMwIMmpXwMYUJHZVk6qgllRnk629pRQDnBI1fKg7IyRs6UI2XP0Jyy8S/vRliDNPWD72Tb2mRsbYjw+gK/qDpYlYgFEecPyhlhvUgXysGiSAhKwQaRPkiDiZAYJMHEyBAUw1QIVyE46Aa7tdZOg0g66utMhWggrmlgr5Z+jMRhVA81EodRPdRInHj1DYKMiVdhyLlWNBhyrhUNhkxEjMEAEWEwQgYxGCIxbMHQ2BAJYfz8Lvx/14HyNULa2JLyonz+AgwA4cJezTJm8BYAAAAASUVORK5CYII=") center no-repeat; background-size: 20px auto; cursor: pointer;}
  #wx_login_img_show{position: fixed;left: 50%;top: 50%;margin: -185px 0 0 -150px;}
</style>

<div   class="i8x8habwlx"   id="login-box" style="display:none" data-ajaxurl="/index/user/laylogin.html"  action="/index/user/loginform.html">
  <div   id="i8x8habwlx"   class="pop-login" id="pop-form">
    <div   id="i8x8habwlx"   class="account-login">
      <h1 class="cloumn">會(huì )員登錄<a onclick="closeAll()"><i ></i></a></h1>
      <div   class="i8x8habwlx"   id="login_form">
        <span id="i8x8habwlx"    class="errorInfo"></span>
        
        <div   id="i8x8habwlx"   class="acc_num" style="display: none;">
          <div   id="i8x8habwlx"   class="group name"><input type="text" id="username" data-regex="username" placeholder="用戶(hù)名/郵箱"></div>
          <div   id="i8x8habwlx"   class="group pwd"><input type="password" id="password" minlength="6" placeholder="登錄密碼"></div>
        </div>

<div   id="i8x8habwlx"   class="phone">
          <div   id="i8x8habwlx"   class="group tel"><input type="text" id="username-phone" data-regex="username" placeholder="手機號碼"></div>
          <div   id="i8x8habwlx"   class="group pwd"><input type="password" id="password-phone" minlength="6" placeholder="登錄密碼"></div>
        </div>

<div   class="i8x8habwlx"   id="mpanel1"></div>
		  <input type="hidden" name="code" id="verify_code" value="">

<div   id="i8x8habwlx"   class="go-reg">
          <a href="javascript:void(0)" id="login-way">賬號或郵箱登錄</a>
          <p>還沒(méi)有賬號？立即 <a href="/user/register">免費注冊</a></p>
        </div>
        <input type="hidden" id="state" value="499df80d22f1ed32ec1954a094b4cfe5" />

<input type="hidden" name="login_type" id="login_type" value="phone" />

<input type="submit" id="layer_submit"  value="登錄" data-ajaxurl="/index/user/laylogin.html">
      </div>
      <div   id="i8x8habwlx"   class="other">其他賬戶(hù)快捷登錄：
        <a href="/index/quicklogin/qq.html" class="qq"></a>
        <a onclick="shoEwm()" class="weixin"></a>
        <a style=" float: right;color: #015bfe;" href="/index/user/repwd.html" >忘記密碼？</a>
      </div>
    </div>
  </div>
</div>

<div   class="i8x8habwlx"   id="login-ewm" style="display: none;">
  <span id="i8x8habwlx"    class="close" onclick="codeClose()"></span>
  <div   class="i8x8habwlx"   id="wx_login_img_show"></div>
</div>

<script type="text/javascript" src="http://static.landui.com/statics/js/plugin/guide.js"></script>

<script src="http://static.landui.com/statics/js/common/crypto-js.js"></script>

<script src="http://static.landui.com/statics/js/common/wxLogin.js"></script>

<script src="http://static.landui.com/statics/code/js/verify.js"></script>

<script>
    LD.validater.initValidate();  //初始化表單
    /* 彈框賬號登錄和二維碼登錄切換*/
    function  shoEwm () {
      $('.account-login').hide();
      var load = layer.load();

$('.ewm-login').show();
		layer.close(load);

$.get('/index/user/wechatShowImg', function (res) {
		  new WxLogin({
			  id: "wx_login_img_show",
			  appid: "wxe021b18e33abbf1c",
			  scope: "snsapi_login",
			  redirect_uri: res.url,
			  state: res.state,
			  style: '',
			  href: ''
		  })

// 二維碼區域
		  $('#login-ewm').show()
	  })
    }

function closeEwm(){
      $('.account-login').show();
      $('.ewm-login').hide();
      $('#login-ewm').hide()
    }

function closeAll() {
      $("#verify_code").val(''); // 關(guān)閉窗口時(shí) 清空驗證碼
      LD.tip.closeAll();
    }

function codeClose()
	{
		$('#login-ewm').hide()
		$('.account-login').show();
		LD.tip.closeAll()
	}

</script>

<link rel="stylesheet" href="/statics/sc/lib/layui/css/layui.css?v=__VERSION__" media="all">
<script src="http://static.landui.com/statics/sc/lib/layui/layui.js?v=__VERSION__"></script>
<script>

$(function () {
		$('.solved-no').show();
		//用戶(hù)點(diǎn)擊有幫助
		$('.btn-smile2').click(function () {
			feedback(1);
		});
		$(":submit[id=ld-btn]").click(function(check){
			feedback(0);
			var blankH = $('.blank-height').height();
			if (blankH - 442 <= 1109){
				$('.rightBlank').css('height','1109px')
			} else {
				var blankH1 = blankH - 442 + 60;
				$('.rightBlank').css('height',blankH1);
			}
			return false;
		});
		//用戶(hù)點(diǎn)擊取消提交
		$('.ld-reset').click(function () {
			$('.solved-no').css('display','none');
			$('.solved-info').css('display','none');
			var blankH = $('.blank-height').height();
			if (blankH - 442 <= 1109){
				$('.rightBlank').css('height','1109px')
			} else {
				var blankH1 = blankH - 442;
				$('.rightBlank').css('height',blankH1)
			}

});

})
	layui.use('rate', function(){
		var rate = layui.rate;
		//渲染
		var ins1 = rate.render({
			elem: '#star'  //綁定元素
			,setText: function(value){
				var arrs = {
					'1': '極差'
					,'2': '差'
					,'3': '中等'
					,'4': '好'
					,'5': 'very good'
				};
				this.span.text(arrs[value] || ( value + "星"));
			}
			,choose: function(value){
				$("input[name='star']").val(value);
				console.log(star)
				// feedback(3);
			}
		});
	});

// type   0:提交反饋  1：有幫助  2：小心心
	function feedback(type=0) {
		var url = $("#url").val();
		var islogin = true;
		var post = $("#dataForm").serialize();

LD.ajax.post(url, post, function (data) {
			console.log(data);
			if (data.info.status == "nologin") {
				console.log("未登錄");
				front.login.show(function () {
				});//如果沒(méi)有登錄則彈出登錄框
				return false;
			}
			if (type == 1){
				$('#solved-btn').hide();
				$('#submit-success').show();
			}
			if (data.info.status == 'success'){
				$('#submit-success').show();
				$("#solved-btn").hide();
				$('.solved-no').css('display','none');
				// layer.alert('感謝您的反饋，反饋我們已經(jīng)收到')
			}
			return true;
		});
		return islogin;
	}

</script>

</div>




















<!--            <textarea rows="5" name="msg" placeholder="您可以在這里輸入更多意見(jiàn)和建議（限200字以?xún)龋?>

-->

上一篇：linux系統的nobody用戶(hù)
下一篇：Linux中安裝 Matcha Gtk 主題

售前咨詢(xún)

售前咨詢(xún)服務(wù)時(shí)間：09:00-23:30

售前值班

4006-75-4006

咨詢(xún)熱線(xiàn)：

4006-75-4006（09:00-23:30）
0871-6388 6388 （總機）（工作日 09:00-18:00）

您可能遇到了下面的問(wèn)題：
云服務(wù)器問(wèn)題融合CDN選購對象存儲計費域名注冊指南
售后咨詢(xún)

售后咨詢(xún)服務(wù)時(shí)間：00:00-24:00

24H值班技術(shù)

4006-75-4006

投訴與建議 最快響應10分鐘

您可能遇到了下面的問(wèn)題：
云服務(wù)器教程遠程登陸問(wèn)題 FTP上傳問(wèn)題其他問(wèn)題查詢(xún)
備案咨詢(xún)

備案咨詢(xún)服務(wù)時(shí)間：09:00-18:00（工作日）

備案專(zhuān)業(yè)客服

0871-6388 6388

您可能遇到了下面的問(wèn)題：
備案所需材料提交備案流程關(guān)于幕布申請備案服務(wù)指引
電話(huà)

0871-6388 6388 （總機）
工單
二維碼
TOP