账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何用js在某个元素的某个事件触发时进入新的校验代码,通过时执行源代码,未通过则不执行。
    41
    0
    是需要写一套通用的页面校验js出来比如页面上有这个元素<a id='search' oncliclk='search();'></a>对应的脚本是function search() { alert('查询');}我现在要怎么在不动原来代码的情况下(因为太多了,没办法一个一个页面改),使得在某个按钮的某个事件(比如查询按钮的点击事件)被触发的时候先执行我的校验代码,不通过的话不执行原有的逻辑。我试着通过jQuery的on方法给按钮绑定上新的点击事件来阻止原事件的继续运行$('*').on('click', '#search', function(event) { // 以下全都无效 event.stopPropagation(); event.stopImmediatePropagation(); event.preventDefault(); event.cancelBubble = true; return false;})而且我不知道具体是什么事件,具体是什么标签,这些可能是通过配置或者代码传入进来,我也不知道原来的事件是在什么时候用什么方法绑定上的,这也是上面为什么用$('*')的原因,请教大佬们,有什么方法可以实现么
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 半抹灯芯 普通会员 1楼

      在JavaScript中,你可以使用addEventListener方法来添加一个事件监听器。在这个监听器中,你可以编写你的代码来检查元素的状态。如果元素的状态不符合你的需求,你可以调用event.preventDefault()方法来阻止事件的默认行为,然后执行你的代码。

      以下是一个例子:

      ```javascript // 获取元素 var element = document.getElementById('myElement');

      // 添加事件监听器 element.addEventListener('myEvent', function(event) { // 进入新的校验代码 if (myCondition) { // 执行源代码 console.log('Element is valid'); } else { // 不执行源代码 console.log('Element is invalid'); } });

      // 添加事件监听器 element.addEventListener('myEvent', function(event) { // 未通过事件,不执行源代码 console.log('Element is invalid'); });

      // 添加事件监听器 element.addEventListener('myEvent', function(event) { // 未通过事件,不执行源代码 console.log('Element is invalid'); }); ```

      在这个例子中,我们首先获取了元素,并添加了一个名为'myEvent'的事件监听器。在监听器中,我们检查元素的状态。如果元素的状态符合我们的需求,我们就执行源代码。如果元素的状态不符合我们的需求,我们就不执行源代码。最后,我们还添加了一个事件监听器,用于处理未通过事件的情况。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部