“MediaWiki:Common.js”的版本间的差异
来自帮助文档
第8行: | 第8行: | ||
search.innerHTML = '<input type="text" id="myInput" placeholder="搜索" style="width: 100%;height: 100%; padding:0px 20px;border-radius: 2vw;">'; | search.innerHTML = '<input type="text" id="myInput" placeholder="搜索" style="width: 100%;height: 100%; padding:0px 20px;border-radius: 2vw;">'; | ||
const myInput = document.getElementById('myInput'); // 获取输入框元素 | const myInput = document.getElementById('myInput'); // 获取输入框元素 | ||
+ | console.log(myInput) | ||
myInput.addEventListener('keydown', function(event) { | myInput.addEventListener('keydown', function(event) { | ||
if (event.key === "Enter") { | if (event.key === "Enter") { |
2023年8月17日 (四) 14:46的版本
/* 这里的任何JavaScript将为所有用户在每次页面载入时加载。 */ var vid = document.getElementById("vid"); var myElement = document.getElementById("jkl"); var search = document.getElementById("topsearch"); $().ready( function() { //插入搜索框 search.innerHTML = '<input type="text" id="myInput" placeholder="搜索" style="width: 100%;height: 100%; padding:0px 20px;border-radius: 2vw;">'; const myInput = document.getElementById('myInput'); // 获取输入框元素 console.log(myInput) myInput.addEventListener('keydown', function(event) { if (event.key === "Enter") { // 按下回车键时执行的操作 event.preventDefault(); // 阻止默认的提交行为 console.log("回车") // 在此处编写你希望执行的代码 if (myInput.trim() === "") { return; } var content = document.getElementById("bodyContent").innerText; var regex = new RegExp(myInput, "gi"); var match = content.match(regex); if (match) { var elements = document.getElementsById("bodyContent")[0].querySelectorAll(":not(script):not(style)"); Array.prototype.forEach.call(elements, function(element) { var text = element.textContent; if (regex.test(text)) { var highlightedText = text.replace(regex, '<span class="highlight">$&</span>'); element.innerHTML = highlightedText; element.scrollIntoView({ behavior: "smooth", block: "center" }); } }); } else { alert("未找到匹配的文本"); } } }); }); // 添加事件监听器 vid.addEventListener("click", function() { // 在点击事件发生时执行的代码 // console.log("按钮被点击了!"); myElement.innerHTML = '<video controls width="1280px" height="720px" class="item-video" src="http://39.107.81.77:9440/ilink-video/vd695.mp4?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=minio%2F20230815%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20230815T104527Z&X-Amz-Expires=518400&X-Amz-SignedHeaders=host&response-content-type=&X-Amz-Signature=d18aa5f56ba9ddd2bc7605abf6e62c56e5ff39f919c49adb1367551a7eb3f86d" </video>'; });