原生js onclick事件

项目中遇到一个小问题和解决方案：

html：

<button οnclick=handle()>体积</button><input type="text" value="1">男

需要通过button点击，获取input的值，而且事件只能放在button里面，无法用jQuery的click()

解决方法：

function修改：handle(this),则html如下：

html：

<button οnclick=handle(this)>体积</button><input type="text" value="1">男

js：

function handle(obj){
alert(obj);
var $v=$(obj);//将DOM对象转为jquery对象
alert($v.next().val());//打印 "1"
}

javascript中onclick(this)用法介绍：

<input id="myinput" type="text" value="javascript中onclick中的this" οnclick="javascript:test(this);"/> 

function test(obj){ 
alert(obj); //[object HTMLInputElement] 
alert(obj.id); //myinput 
alert(obj.value); //javascript中onclick中的this 
} 

最后

以上就是纯真网络为你收集整理的原生js onclick事件的全部内容，希望文章能够帮你解决原生js onclick事件所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。