㈠ 如何利用Vue.js庫中的v-on指令綁定按鈕點擊事件
<inputtype="button"v-on:click="btnClick">點擊</input>
<inputtype="button"@click="btnClick2">點擊二</input>
//創建普通的Vue實例
varvm=newVue({
data:{
},
methods:{
btnClick:function(){
alert('1被點擊了');
},
btnClick2:function(){
alert('2被點擊了');
}
}
})
㈡ js動態綁定onclick事件,事件點擊多時無響應
onclick事件綁定只對dom中存在的元素有效，對於後來新增加的元素是監測不到，所以綁定事件失敗.
㈢ javascript 事件綁定問題
看上去document.getElementById(_reply.type+"SetReply"+ids[i])這個元素和ids[i]之間有一定的關系。如果沒有關系就不太好辦了。
可以把setReply(ids[i])
這個裡面的參數換成this.id.substring(x,x)，
就是把=function裡面的參數換成通過this.xxx得到的值。
不知道這么說能不能懂。
簡單寫了個例子
<script>
function doAdd(){
var ids=['1','2','3','4','5'];
for (var i = 0; i<ids.length ;i++ )
{
document.getElementById("button"+ids[i]).onclick =
function aaa(){
alert(this.id.substring(this.id.length-1,this.id.length));
};
}
}
</script>
<body>
<input type="button" value="B1" id="button1"/>
<input type="button" value="B2" id="button2"/>
<input type="button" value="B3" id="button3"/>
<input type="button" value="B4" id="button4"/>
<input type="button" value="B5" id="button5"/>
<br>
<br>
<input type="button" value="添加事件" onclick="doAdd()"/>
</body>
模擬了一下添加事件按鈕是給上面幾個按鈕添加事件的，
事件就是alert出ids中的值。
希望這樣可以理解，不行的話可以hi我。
㈣ js 綁定方法怎麼寫
方法一：綁定屬性元素
最簡單和向後兼容性最好的事件綁定方法是把事件綁定到元素標識的屬性。事件屬性名稱由事件類型外加一個「on」前綴構成。盡管HTML屬性並不是大小寫敏感的，人們還是定義了一個規則，規定事件類型的每一個「詞」的首字母大寫，比如onClick和onMouseOver。這些屬性也被稱為事件處理器，因為它們指示了元素如何「處理」特定的事件類型。
示例：
<INPUTTYPE="button"NAME="myButton"VALUE="ClickHere"onClick="myFunc()">
<!--把事件綁定到元素屬性上有一個優點，即可以支持開發者把參數傳遞給事件處理器函數。接收事件的元素的引用則由一個特殊的參數值--this
關鍵字來傳遞。下面的代碼演示一個函數如何藉助傳入參數，把任意數目的文本框的內容轉化為大寫：-->
<SCRIPTLANGUAGE="JavaScript">functionconvertToUpper(textbox){
textbox.value=textbox.value.toUpperCase();}
</SCRIPT>...<FORM....>
<INPUTTYPE="text"NAME="first_name"onChange="convertToUpper(this)">
<INPUTTYPE="text"NAME="last_name"onChange="convertToUpper(this)">...</FORM>
方法二：綁定IE4+<SCRIPT FOR>標識
IE4+ 中，Microsoft 對 <SCRIPT> 標識實現了自己的擴展，可以將它包含的腳本語句和某個元素的一個事件類型進行綁定。支持這個綁定的標識屬性（還沒有被 W3C 批准為 HTML 的一部分）是FOR和EVENT。
FOR屬性的值必須是您為元素的 ID 屬性分配的唯一標識符。然後，您必須把事件的名稱（onmouseover，onclick，等等）分配給EVENT屬性。在上面的按鍵實例的基礎上，我們必須對按鍵標識進行修改，使之包含一個ID屬性：
<INPUTTYPE="button"NAME="myButton"ID="button1"VALUE="ClickHere">
<!--腳本語句並不在函數中，而是在<SCRIPT>標識中，如下所示：-->
<SCRIPTFOR="button1"EVENT="onclick">//scriptstatementshere</SCRIPT>
方法三：綁定對象屬性
對於 NN3+ 和 IE4+ 這兩類瀏覽器，腳本編程人員可以以腳本語句的方式把事件綁定到對象上，而不是綁定到元素標識的屬性上。每一個負責事件響應的元素對象都為自己能夠識別的事件設置了相應的屬性。對象屬性名稱是元素標識屬性的小寫形式，比如onmouseover。NN4 還接受 interCap（即首字小寫，之後的每一個詞的首字大寫）版本的屬性名，但是考慮到跨瀏覽器的兼容性，所有字母都是小寫的名稱會更安全一些。
當您把一個函數的引用賦值給一個事件屬性的時候，就發生了綁定。函數的引用是指函數的名稱，但是不帶函數定義中的括弧。因此，如果要為一個名為myButton的按鍵的點擊事件（click）進行綁定，使之激活一個定義為myFunc()的函數，則其賦值語句如下所示：
document.forms[0].myButton.onclick = myFunc;
方法四：使用IE5/Windows的attachEvent()方法
attachEvent()方法的用法如下所示：
elemObject.attachEvent("eventName",functionReference);
eventName參數的值是表示事件名稱的字元串，比如onmousedown。functionReference參數是一個不帶括弧的函數引用，和早些時候描述的事件屬性方法中一樣。因此對於上面例子的按鍵對象，可以通過如下的腳本語句把函數綁定到按鍵的 click 事件：
document.getElementById("button1").attachEvent("onclick",myFunc);
由於attachEvent()方法必須嚴格工作在 IE5+/Windows 的環境中，所以您既可以使用 W3C DOM 的元素引用方式（如上文所示），也可以使用 IE4+ 的引用方式：
document.all.button1.attachEvent("onclick",myFunc);
方法五：使用W3C DOM的addEventListener();
addEventListener()方法的語法如下所示：
nodeReference.addEventListener("eventType", listenerReference, captureFlag);
用 W3C DOM 規范中的行話來說，addEventListener()方法為指定的結點注冊了一個事件，表示該結點希望處理相應的事件。
這個方法的第一個參數是一個聲明事件類型的字元串（不帶"on"前綴），比如click，mousedown，和keypress。
addEventListener()方法的第二個參數可以和早些時候描述過的函數引用同樣對待。
第三個參數則是一個 Boolean 值，指明該結點是否以DOM中所謂的捕捉模式來偵聽事件。事件的捕捉和派發---綜合起來稱為事件的傳播--最後由另一篇文章來描述。對於一個典型的事件偵聽器來說，第三個參數應該為false（假）。
㈤ javascript中涉及到事件，為什麼有時候有on，有時候有沒有
我理解的是on就是觸發的意思，onclick就是觸發點擊事件，不帶on就是一個普通的方法，如果我沒記錯click不是關鍵字，可以當變數開始用，所以說click可以當成屬性也可以當成方法，不過你想觸發的話還是需要onclick或者其他被觸發的事件來觸發這個方法。jQuery中可以直接.click()觸發，不過那是封裝好的事件方法，本質沒什麼區別，就使用上的區別了。
㈥ js 動態添加的按鈕 onclick事件怎麼寫
如圖，比方說我有一個函數，而我們需要點擊按鈕觸發指定的函數，這就用到了綁定事件的方法。
如圖，假定是點擊事件，則在按鈕裡面添加onclick=函數名即可把函數綁定到按鈕上。onclick綁定的是單擊事件哦，當然還有很多其他的事件。
如圖，綁定事件之後，當我們點擊按鈕即可觸發綁定的函數，非常神奇哦。
當然，也可以給按鈕設定一個ID，然後我們獲取到帶有ID的按鈕。
然後在JavaScript中綁定事件也是可以的，這種方法代碼比較多，想用哪種看你自己哦。
需要特別注意一點的是，如果用了第二種方法，當要獲取id時，如果script腳本寫在head裡面，則要加上window.onload哦。如果是寫在body後面，則不需要寫window.onload。
㈦ 如何利用Vue.js庫中的v-on指令綁定按鈕點擊事件
第一步，創建靜態頁面von.html，並引入vue.js關鍵的核心js文件，如下圖所示：
第二步，在主題元素下插版入div標簽元素，並在其中插入一個input輸入框和一個按鈕，利用v-on指令綁定點擊事件queryDate，如下圖所示：
第三步，在div標簽下方編寫vue.js點擊事件，事件是獲取當前日期，如下圖所示：
第四步，為了讓輸入框和按鈕有間距，這里設置body元素樣式，如下圖所示：
第五步，預覽該靜態頁面，權然後點擊按鈕，發現輸入框沒有值，調試下發現錯誤，缺少jquery核心js文件，如下圖所示：
第六步，引入jquery核心js文件後再次預覽頁面，並單擊按鈕，這時日期就顯示在輸入框內，如下圖所示：
㈧ JS傳統事件如何解綁，用on添加，非addEventListener添加
使用off解綁。其實使用on添加，在jquery內部也是調用了addEventListener來添加的。
var foo = function () {
// code to handle some kind of event
};
// ... now foo will be called when paragraphs are clicked ...
$("body").on("click", "p", foo);
// ... foo will no longer be called.
$("body").off("click", "p", foo);
㈨ js綁定事件問題 新手求指導 onclick=function(){} 謝謝！
事件被觸來發時，源你綁定的函數才被調用，aArr[i].onclick=ck;這樣寫才可以，但ck函數就要修改成：
function
ck(){
var
url=this.getAttribute('href');
window.open(url,"nav","width=400
height=300");
}
㈩ js用on來綁定touch事件，子元素的事件不能觸發
<a href="#"></a><onclick="#" />