一、可以使用jQuery的trigger() 方法來響應(yīng)事件。
目前創(chuàng)新互聯(lián)建站已為1000多家的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站運(yùn)營(yíng)、企業(yè)網(wǎng)站設(shè)計(jì)、海興網(wǎng)站維護(hù)等服務(wù),公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng),共同發(fā)展。
二、定義和用法:
trigger() 方法觸發(fā)被選元素的指定事件類型。
1、語(yǔ)法:
$(selector).trigger(event,[param1,param2,...]);
2、參數(shù)描述:
event 必需。規(guī)定指定元素要觸發(fā)的事件??梢允棺远x事件(使用 bind() 函數(shù)來附加),或者任何標(biāo)準(zhǔn)事件;[param1,param2,...] 可選。傳遞到事件處理程序的額外參數(shù)。額外的參數(shù)對(duì)自定義事件特別有用。
三、實(shí)例:
觸發(fā) select元素的change事件:$("button").click(function(){$("select").trigger("change");});
直接$("選擇器").change(function(){
//執(zhí)行內(nèi)容
});
如:
html:
select
option?value="選項(xiàng)1"選項(xiàng)1/option
option?value="選項(xiàng)2"選項(xiàng)2/option
option?value="選項(xiàng)3"選項(xiàng)3/option
option?value="選項(xiàng)4"選項(xiàng)4/option
/select
JQ:
$(document).ready(function(){
$("select").change(function(){
var?a?=?$(this).val();
alert(a);
});
});
var?city?=?"";
$("#s_city").change(function(){
city?=?$("#s_city").val();
console.log(city);
return?city;
});
var?mycity?=?city;
console.log(mycity);
把city的定義部分?搬到方法體之外!city作用域就會(huì)從?change()內(nèi)部?提升到?外部了。
這是變量作用域的問題,你需要去仔細(xì)了解一下“變量作用域”
定義和用法,trigger() 方法觸發(fā)被選元素的指定事件類型。
語(yǔ)法,$(selector).trigger(event,[param1,param2,...])
event , 必需。規(guī)定指定元素要觸發(fā)的事件??梢允棺远x事件(使用 bind() 函數(shù)來附加),或者任何標(biāo)準(zhǔn)事件。
[param1,param2,...] ?? 可選。傳遞到事件處理程序的額外參數(shù)。額外的參數(shù)對(duì)自定義事件特別有用。
觸發(fā) select元素的change事件:
jQuery是一套跨瀏覽器的JavaScript庫(kù),簡(jiǎn)化HTML與JavaScript之間的操作。由John Resig在2006年1月的BarCamp NYC上發(fā)布第一個(gè)版本。目前是由 Dave Methvin 領(lǐng)導(dǎo)的開發(fā)團(tuán)隊(duì)進(jìn)行開發(fā)。全球前10000個(gè)訪問最高的網(wǎng)站中,有59%使用了jQuery,是目前最受歡迎的JavaScript庫(kù)。
script type="text/javascript" src="/jquery/jquery.js"/script
script type="text/javascript"
$(function(){
$("input[name='t']").change(function(){
var text = $(this).val();
$("input[name='n']").val(text);
});
})
/script
input type="text" name="aaaa" /
td范圍:/td
tdinput id="a" name='t' type="text" class="numberbox" data-options="min:0,max:100,precision:2" ?align="left" required="required" //td
tdinput id="b" name='n' type="text" class="numberbox" data-options="min:0,max:100,precision:2" align="left" //td
你怎么把HTML代碼套到JS里面了呢?
Jquery的基本語(yǔ)法:
復(fù)制代碼代碼如下:
$("input[type='text']").change( function() {
// 這里可以寫你想要的驗(yàn)證代碼;
});
2 當(dāng)綁定一個(gè)文本框的時(shí)候
復(fù)制代碼代碼如下:
$(function () {
$("#txtAssessmentTotal").change(function () {
//這里寫你想要的驗(yàn)證的代碼;
})
})
為每個(gè)匹配元素的特定事件綁定事件處理函數(shù)。
.bind() 方法是用于往文檔上附加行為的主要方式。所有JavaScript事件對(duì)象,比如focus, mouseover, 和 resize,都是可以作為type參數(shù)傳遞進(jìn)來的。
個(gè)人理解bind就是為這個(gè)控件綁定事件在給這個(gè)事件定義一個(gè)匿名的方法去實(shí)現(xiàn)你想要的驗(yàn)證;
Jquery基本語(yǔ)法:
復(fù)制代碼代碼如下:
$("#txtAssessmentTotal").bind('click', function() {
alert($("#txtAssessmentTotal").val());
});
2 多個(gè)事件:事件的名稱用空格隔開;
復(fù)制代碼代碼如下:
$("#txtAssessmentTotal").bind('mouseenter mouseleave', function() {
alert($("#txtAssessmentTotal").val());
});