js自定义事件代码说明

 更新时间:2011年01月31日 16:01:46   作者:  
在研发公展公用后台的时候,用了许多的技巧性的JS,最有代表性就是如下这一例子.

复制代码 代码如下:

<form onreturn="ReturnCallBack();" jstype="vali">
</form>
<script type="text/javascript">
var ReturnCallBack = function(){
//CODE
return true;
}
</script>

代码看起来太悬了,怎么好象多了一个onreturn事件。。。

说说我这做的一个原因吧.因为框架里在验证API中,我该做的都帮别人做了,只是有一些东西经常要变化的,比如验证一个checkbox是否可以选中,又要分不同的情况下去验证,这些情况也是经常变的,市场怎么需要就怎么变。所以我就把验证checkbox是否可以选中这一类经常变化的工作交回给开发当前项目的人去做,我只供我应该做的事。

如上图,我会把让form提供一个onreturn的事件,让别人自己去写验证,返回true 或 false给我就可以了。

以自定属性的方式让别人去加就做一下技巧性的功夫就可以了,我用到了eval().在框架里做执行了验证之后,我会执行下面这一句。
复制代码 代码如下:

//验证CODE...
var ele = $(this); //this为表单,这里用jquery开发的
var result = eval(ele.attr("onreturn"));
//CODE..

相关文章

  • 15 个 JavaScript Web UI 库

    15 个 JavaScript Web UI 库

    本文介绍了 15 个非常强大的 JavaScript Web UI 库,非常适合各种各种规模的富 Web 应用的开发。
    2010-05-05
  • 微信小程序实现一个简单swiper代码实例

    微信小程序实现一个简单swiper代码实例

    这篇文章主要介绍了微信小程序实现一个简单swiper代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-12-12
  • canvas实现弧形可拖动进度条效果

    canvas实现弧形可拖动进度条效果

    本篇文章主要介绍了canvas实现弧形可拖动进度条的实例方法,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • javascript如何实现暂停功能

    javascript如何实现暂停功能

    这篇文章主要介绍了javascript如何实现暂停功能,,Javascript本身没有暂停功能,同时vbscript也不能使用doEvents,故编写此函数实现此功能, 需要的朋友可以参考下
    2015-11-11
  • 详解微信小程序框架wepy踩坑记录(与vue对比)

    详解微信小程序框架wepy踩坑记录(与vue对比)

    这篇文章主要介绍了详解微信小程序框架wepy踩坑记录(与vue对比),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-03-03
  • 如何基于webRTC实现人脸识别功能

    如何基于webRTC实现人脸识别功能

    WebRTC技术包含了音视频编解码技术、传输技术、流媒体服务器技术等,涵盖了音视频处理和传输的方方面面,下面这篇文章主要给大家介绍了关于如何基于webRTC实现人脸识别的相关资料,需要的朋友可以参考下
    2022-12-12
  • JavaScript阻止表单提交方法(附代码)

    JavaScript阻止表单提交方法(附代码)

    这篇文章主要介绍了JavaScript阻止表单提交方法,通过代码示例讲解了阻止表单提交需要注意的事项,以及onSubmit和check()的区别写法,需要的朋友可以参考下
    2017-08-08
  • 详解写好JS条件语句的5条守则

    详解写好JS条件语句的5条守则

    这篇文章主要介绍了详解写好JS条件语句的5条守则,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-02-02
  • 详解数组Array.sort()排序的方法

    详解数组Array.sort()排序的方法

    JavaScript中数组的sort()方法主要用于对数组的元素进行排序。其中,sort()方法有一个可选参数。接下来通过本文给大家介绍数组Array.sort()排序的方法,需要的朋友参考下
    2017-03-03
  • js实现可控制左右方向的无缝滚动效果

    js实现可控制左右方向的无缝滚动效果

    这篇文章主要介绍了js实现可控制左右方向的无缝滚动效果,页面中添加了两个按钮,控制图片滚动的方向,感兴趣的小伙伴们可以参考一下
    2016-05-05

最新评论