如何在按钮上写一个JavaScript函数

如何在按钮上写一个JavaScript函数,第1张

<script type="text/javascript" src="Jquery/jquery-1.2.6.js"></script>

<SCRIPT>

$(function(){

$('#setb').click(function(){

$('#setb').css('background-color','red')

})

})

</SCRIPT>

<textarea rows="5" id="setb"></textarea>

绑定事件响应并不是必须使用id,看你的描述在此之前你已经获得了这个元素?

假设要绑定的元素为btn,要绑定的事件为鼠标单击,则:

btn.onclick = function(){...}    // 直接关联事件响应

btn.addEventListener('click', function(e){...}, false)    // 高级浏览器支持

btn.attachEvent('onclick', function(){...})    // 低版本IE支持

通过如上三种方式可在btn上绑定click的事件响应,区别:第一种直接绑定,如果此前btn上有已经绑定的响应函数,则会被覆盖;后两种是注册事件响应的方式,可注册多个响应函数,彼此互不影响。

如果有使用某些框架(例如jQuery等),则可使用框架封装好的兼容性方法来注册事件响应。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11644958.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存