gpt4 book ai didi

javascript - 在动态链接上调用的最少事件

转载 作者:行者123 更新时间:2023-11-28 03:21:55 25 4
gpt4 key购买 nike

示例:

<!DOCTYPE html>
<html>

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

<body>
<input type="text" value="http://www.example.com/" id="input">
<a href="http://www.example.com/" id="link">Linked text</a>
<script>
var link = document.getElementById('link'),
input = document.getElementById('input');
link.onclick = link.oncontextmenu = link.onmousedown = function () {
this.href = input.value;
};
</script>
</body>

</html>

DEMO

  • onclick:在左键单击和键盘焦点 + 上调用输入
  • oncontextmenu:在右键单击和键盘上下文菜单上调用
  • onmousedown:在 Firefox/IE 中单击鼠标中键并在链接拖动到地址栏时调用

问题:

  1. 是否有任何其他方法可以导航到链接的 URL - 为了完美的可访问性我忘记介绍了?
  2. 我可以减少事件的数量还是必须全部使用它们?

最佳答案

您可以使用 'onblur' 事件来更改链接的 href。

var link = document.getElementById('link'),
input = document.getElementById('input');
input.onblur = function () {
link.href = this.value;
};

关于javascript - 在动态链接上调用的最少事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24041976/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com