Safari和IE的可点击表单标签-原型版本

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Safari和IE的可点击表单标签-原型版本相关的知识,希望对你有一定的参考价值。

Clickable Form Labels for Safari and IE - prototype version
  1. function fixFormLabels(){
  2. var labels;
  3.  
  4. // enable for IE and Safari
  5. if( document.all || navigator.userAgent.indexOf("Safari") > 0){
  6. labels = document.getElementsByTagName("label");
  7. $A(labels).each ( function(label){
  8. Event.observe(label, "click", function(){
  9. var target = $(this.getAttribute('for'));
  10. // Checkboxes or radio button labels
  11. if(target.type == 'checkbox' || target.type == 'radio')
  12. target.checked = target.checked == false ? true : false;
  13. else // Textareas and input fields, Select elements
  14. target.focus();
  15. });
  16. });
  17. }
  18. }
  19.  
  20. // execute the script when the page has loaded
  21. Event.observe(window,"load", fixFormLabels);

以上是关于Safari和IE的可点击表单标签-原型版本的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript 适用于Safari和IE的可点击表单标签

Safari和IE的可单击表单标签

IE9 双表单提交问题

用于在 IE11 中不可点击的表单中输入的图像标签

解决a标签点击会出现虚框现象

H5C3--语义标签以及语义标签IE8兼容,表单元素新属性,度量器,自定义属性,dataList,网络监听,文件读取