简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - ブラウザのタグ属性のデフォルトのトリガーメカニズムを変更するにはどうすればよいですか?
伊谢尔伦
伊谢尔伦 2017-07-01 09:12:15
0
9
1696

タグの実行順序はonclick->href属性であることがわかっています

リーリー

onclick イベントが完了すると、href 属性を実行する URL がジャンプするようにこのメカニズムを変更する方法 onclick イベントの関数は、ajax リクエストを送信し、次に従って href 属性を実行します。戻り値。 href 属性を変更した後、現在のブラウザで新しいページを開く必要があります

更新----------------------2017.06.30------------------ - -----------------

テスト後、ajax リクエストは同期的に実行されるように変更されましたが、それでも a タグの onclick 関数を完了してから href アクションを実行することはできませんでした。

原因としては、ajax が同期リクエストに変更されており、現在のページの他の操作がブロックされていることが考えられます。

しかし、a タグのクリックは完了しており、後続の href アクションは実行され続けており、この時点での href アクションは void(0) であり、ajax リクエストはまだ返されていません。

前に戻ります。つまり、ajax 同期リクエストは a タグのアクションをブロックしません。

より良い回答を楽しみにしています

伊谢尔伦
伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全員に返信(9)
过去多啦不再A梦
过去多啦不再A梦2017-07-01 09:14:15 9棟

$('a').click(function(e) {

e.preventDefault()

var _ = $(this)
$.get(xx, function() {

location.href = _.attr('href')

});
})
いいねを押す +0
返信を追加
淡淡烟草味
淡淡烟草味2017-07-01 09:14:15 8棟 
$('a').click(function() {
  var link = this
  $.get(xx, function() {
    location.href = link.href 
  });
  return false // 阻止先不跳转
})
いいねを押す +0
返信を追加
曾经蜡笔没有小新
曾经蜡笔没有小新2017-07-01 09:14:15 7棟

在onclick里面使用js跳转页面
//ajax start
success:function(){

//todo。。。。。

window.location.href = 'url'

}
いいねを押す +0
返信を追加
刘奇
刘奇2017-07-01 09:14:15 6棟

1、禁止a标签跳转 href="javascript:void(0)"
2、在onclick方法中请求ajax，成功后，将返回值绑定到href上
いいねを押す +0
返信を追加
typecho
typecho2017-07-01 09:14:15 5棟

为什么不先不给href赋值，等请求完了再跳转？
いいねを押す +0
返信を追加
学霸
学霸2017-07-01 09:14:15 4棟 
1、禁止a标签跳转 href="javascript:void(0)"
2、其他的在onclick方法中进行
いいねを押す +0
返信を追加
Peter_Zhu
Peter_Zhu2017-07-01 09:14:15 3棟

浏览器所有的是有的默认事件的禁用，都可以用 event.preventDefault() 来阻止，剩下的在你的回调函数里，你可以任意的去操作, 当然如果你需要兼容IE8及以下，可以兼容写法如下：

// event 为你的监听onclick回调函数中传递的参数
event.preventDefault ? event.preventDefault() : (event.returnValue = false);
いいねを押す +0
返信を追加
曾经蜡笔没有小新
曾经蜡笔没有小新2017-07-01 09:14:15 2棟

久等了，请食用

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <a href="" target="_blank">click</a>
    <script>
        function aTagCustomEvent(e) {
            var tag = e.target;

            //setTimeout模拟异步的ajax请求,时间间隔假设为1秒
            setTimeout(function() {
                tag.href = 'xxx';
                tag.onclick = function() {};
                tag.click();
                tag.onclick = aTagCustomEvent;
            }, 1000)
            return false;
        }

        //为页面中所有a标签设置onclick事件
        var aTags = [].slice.call(document.getElementsByTagName("A"));
        aTags.forEach(function(tag) {
            tag.onclick = aTagCustomEvent;
        })

    </script>
</body>

</html>
いいねを押す +0
返信を追加
为情所困
为情所困2017-07-01 09:14:15 1棟 
<a href="javscript:;" onclick="doSomething(this);">

function doSomething(obj) {
    if($(obj).attr("href") === "javscript:;") {
        // ... ajax get and set url
        $(obj).attr("target", "_blank").trigger("click");
    }
}
いいねを押す +0
返信を追加
人気のトピック
詳細>
人気の記事
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト：福祉オンライン PHP トレーニング，PHP 学習者の迅速な成長を支援します！