javascript - 如何在 jQuery 中的页面加载和 onclick 之后执行某些操作？

Question

我有一些 JavaScript:

// when page LOADS:
// update PassMark score
$("#passmark").attr("onclick", "window.open('https://www.google.ca/search?num=20&q=site%3Avideocardbenchmark.net+" + encodeURIComponent( $("input[name='vc_gpu_engine']").val() ).replace(/%20/g, "+") + "', 'url', 'status,scrollbars=yes,height=900,width=1050').focus();");

// if any field is changed AFTER the page loads, then run these
$("body").click(function() {

  // update PassMark score
  $("#passmark").attr("onclick", "window.open('https://www.google.ca/search?num=20&q=site%3Avideocardbenchmark.net+" + encodeURIComponent(     $("input[name='vc_gpu_engine']").val() ).replace(/%20/g, "+") + "', 'url', 'status,scrollbars=yes,height=900,width=1050').focus();");

});

现在像任何程序员一样，我喜欢将代码保持在最少数量。

有没有办法避免重复相同的命令？

我可以在页面加载时和用户单击任意位置时运行同一行代码吗？

谢谢

Answer 1

var func = function () {
    $("#passmark").attr("onclick", "window.open('https://www.google.ca/search?num=20&q=site%3Avideocardbenchmark.net+" + encodeURIComponent($("input[name='vc_gpu_engine']").val()).replace(/%20/g, "+") + "', 'url', 'status,scrollbars=yes,height=900,width=1050').focus();");
}


$(document).ready(function () {
    func();
    $("body").click(function () {
        func();
    });
});

这样您之后也可以使用 func()。

编辑 更短

var func = function () {
    $("#passmark").attr("onclick", "window.open('https://www.google.ca/search?num=20&q=site%3Avideocardbenchmark.net+" + encodeURIComponent($("input[name='vc_gpu_engine']").val()).replace(/%20/g, "+") + "', 'url', 'status,scrollbars=yes,height=900,width=1050').focus();");
}

$(function(){
  func();
  $("body").click(func);
});