JS设置onClick事件

我想在JS中设置页面元素的onClick事件。例如<inputtype="text"id="text"onClick="">然后这个的onClick事件我要用JS设置,请... 我想在JS中设置页面元素的onClick事件。

例如<input type="text" id="text" onClick=""> 然后这个的onClick事件我要用JS设置,请问怎么弄。
展开
 我来答
小傅说数码
2018-06-26 · 数码小专家,专注分享数码知识
小傅说数码
采纳数:432 获赞数:29257

向TA提问 私信TA
展开全部

html页面设置onClick事件可以在html中设置,也可以在js中设置,下面分别介绍。

在html中设置

你的代码就是在html中设置的方法,这是测试页面

现在html代码的元素中添加onclick

<input type="text" id="text" onClick="f();"> 

再在js代码中声明一个函数

function f(){

alert(1)

}

只在js中设置

第二种方法是只在js中设置,这是测试页面

html代码可以更加纯粹,不用写onclick

<input type="text" id="text">

在js代码中,先找到这个元素,再去绑定一个事件

window.onload  = function() {

document.getElementById("text").onclick = function() {

alert(1)

}

}

也可以实现这个效果

cyydwd
2012-11-20 · TA获得超过1092个赞
知道答主
回答量:24
采纳率:0%
帮助的人:13.5万
展开全部
当你激发了onclick事件时,所产生的效果是什么样的?这个你自己知道,然后这个相应的效果你写在一个函数中,直接在onclick中调用不就得了。。。
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
alex8046
2012-11-20 · TA获得超过380个赞
知道小有建树答主
回答量:153
采纳率:0%
帮助的人:137万
展开全部
<script>

function func(){
。。。。js代码。。。
}
</script>

<input type="text" id="text" onClick="func()">
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
miniappfp7l0xExQFeWX
2012-11-20 · TA获得超过140个赞
知道小有建树答主
回答量:208
采纳率:100%
帮助的人:152万
展开全部
document.getElementById('text').onclick=new Function("function(){ ... }");
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
xxuzhi
2012-11-20 · TA获得超过117个赞
知道答主
回答量:193
采纳率:100%
帮助的人:66.2万
展开全部
<script>
var inpObj = document.getElementById("text");
inpObj.onClick = function(){
alert(" success ~ ");
}
</script>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式