事件实例应用(一) 开发技术

事件实例应用(一)

所属类别：开发技术

文章作者：wicrewoft

版权声明：原创作品，如需转载，请与作者联系。否则将追究法律责任。事件实例应用1、focus事件、blur事件 focus事件通常用在、、、这几种标签中，分别表示链接获得输入焦点、输入元素获得输入焦点、文本区域获得输入焦点、选择元素获得输入焦点。现在我们就讲一下focus事件在日常中的一些应用。假定我们在将订货单提交到服务器进行处理之前，首先，我们要利用JavaScript预先计算订货单的总价格。那么，一些举行叵测的可能想在提交订货单之前修改总价格的值，这种事情对一个正常的电子商务网站来说是绝对不允许的事情。我们可以应用JavaScript去在一定程度上组织这种事情的发生：想对文本框的内容进行类似的修改将被一个事件处理程序所阻止，该事件处理程序的作用是在每次用户试图将焦点赋予该文本框时，改程序都令其无法获得焦点，即利用blur事件强制某个元素失去焦点。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> function computeCost() { var queChao = window.document.getElementById("queChao").value; var maiSiWeiEr = window.document.getElementById("maiSiWeiEr").value; var moKa = window.document.getElementById("moKa").value; window.document.getElementById("cost").value=totalCost=queChao*3+maiSiWeiEr*4+moKa*8; } Coffee Order Form Product Name Price Quantity 雀巢￥3.00 麦斯威尔￥4.00 摩卡￥8.00 本文出自 “范国锋” 博客，转载请与作者联系！本文出自 51CTO.COM技术博客

....

54321 40682