multi-user 相关问题

如何在 Laravel Filament 中获取数据透视表列的总和？

我的 Workshop 模型与 User 模型有这种关系。 user_workshop 是数据透视表。公共函数 users(): BelongsToMany { 返回 $this->belongsToMany(User::class, 'user_workshop...

Laravel 中的策略对我不起作用，这是我的代码

我无法让策略在我的 Laravel 项目中工作，我安装了一个新项目来从头开始测试，我有这个控制器：我无法让策略在我的 Laravel 项目中工作，我安装了一个新项目来从头开始测试，我有这个控制器： <?php namespace App\Http\Controllers; use App\Http\Controllers\Controller; use Illuminate\Http\Request; use App\Models\User; class UserController extends Controller { public function index() { $this->authorize('viewAny', auth()->user()); return response("Hello world"); } } 本政策： <?php namespace App\Policies; use Illuminate\Auth\Access\Response; use App\Models\User; class UserPolicy { public function viewAny(User $user): bool { return true; } } 这是我的模型 <?php namespace App\Models; // use Illuminate\Contracts\Auth\MustVerifyEmail; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Foundation\Auth\User as Authenticatable; use Illuminate\Notifications\Notifiable; use Laravel\Sanctum\HasApiTokens; class User extends Authenticatable { use HasApiTokens, HasFactory, Notifiable; /** * The attributes that are mass assignable. * * @var array<int, string> */ protected $fillable = [ 'name', 'email', 'password', ]; /** * The attributes that should be hidden for serialization. * * @var array<int, string> */ protected $hidden = [ 'password', 'remember_token', ]; /** * The attributes that should be cast. * * @var array<string, string> */ protected $casts = [ 'email_verified_at' => 'datetime', 'password' => 'hashed', ]; } 我收到错误 403：此操作未经授权。我希望有人能帮助我解决我的问题。谢谢你我也尝试过修改AuthServiceProvider文件，但没有任何改变。必须在 App\Providers\AuthServiceProvider 中添加您的策略吗？ protected $policies = [ User::class => UserPolicy::class ]; 您需要指定您正在使用的模型。具体来说，就是User。因此，传递当前登录的用户： $this->authorize('viewAny', auth()->user()); 此外，您正在尝试验证用户是否有权访问该页面。确保尝试访问该页面的人是用户，以便策略可以授权或不授权。要在没有入门套件的情况下进行测试，请创建一个用户并使用它登录。 <?php namespace App\Http\Controllers; use Illuminate\Support\Facades\Auth; class UserController extends Controller { public function index() { $user = \App\Models\User::factory()->create(); Auth::login($user); $this->authorize('viewAny', auth()->user()); return response("Hello world"); } } 但是，如果您希望授予访客用户访问权限，您可以使用 ? 符号将 User 模型设为可选： public function viewAny(?User $user) { return true; }

当我调用 Laravel 的 dd() 函数时，foreach() 循环停止迭代

当我像 dd($user->friends()); 那样调用 dd() （死掉并转储）时；我只得到集合中第一条记录的输出。当我尝试做类似的事情时： foreach($user->friends() as $friend)...

当我调用 Laravel 的 dd() 函数时，脚本执行/foreach() 循环停止

当我像 dd($user->friends()); 那样调用 dd() （死掉并转储）时；我只得到集合中第一条记录的输出。当我尝试做类似的事情时： foreach($user->friends() as $friend)...

在 Laravel 7.x 中如何识别邮件是否是使用 Mail::send() 或 Mail::queue() 触发的

我在 Laravel7.x 中有如下代码 Mail::queue(new ReportMail($user)); Mail::send(new ReportMail($user)); 在 ReportMail 类中，有一种方法可以知道邮件是否被调用邮件::森...

功能测试对所有守卫都有作用吗？

我的应用程序中有两个不同的用户对象，一个App\User 和一个App\Admin。对于两者，我有不同的警卫进行身份验证。我的默认防护是模型 App\User 的网络防护并且...

Railway 应用程序中 MySQL 表创建期间的保留键限制 [已关闭]

我部署了简单的 Web 应用程序，然后我想创建一个 Mysql 架构并提供它们之间的连接。我的网络应用程序所需的表名称之一是“user”，“user”是保留...

LiveData Observer 在返回片段时仍在观察

所以我有这个代码，当我按下按钮时 btnLogin.setOnClickListener { val user = UserLogin(etUsername.text.toString(), etPassword.text.toString()) viewModel.login(用户) } 我会...

Laravel Cashier Stripe 错误default_ payment_method

我需要进行用户订阅Stripe。我使用支付页面：公共函数 paymentForm() { $id = equest()->get('id'); $plan = Plan::find(1); $intent = auth()->user()->

我尝试在pycharm上运行manage.py runserver并返回属性错误

文件“C:\Users\user\PycharmProjects\Diabetes Prediction\Diabetes_prediction\Diabetes_Prediction\urls.py”，第 23 行，位于路径（“”，views.home）， ^^^^^^^^^^ 属性错误：模块'

manage.py 返回属性错误模块没有属性“home”

我正在尝试在pycharm上运行manage.py runserver并返回属性错误文件“C:\Users\user\PycharmProjects\Diabetes Prediction\Diabetes_prediction\Diabetes_Prediction\urls.py&qu...

使用 Microsoft Graph 获取所有电子邮件 - 版本 5.2.0 或更高版本

我的原始代码是： var messages = wait graphClient.Users["[email protected]"].MailFolders[folderName].Messages.GetAsync(); 我正在使用 Microsoft.Graph 5.2.0。不幸的是...

如何在React-Native中从选择器中获取多个值？

这是我的反应本机选择器的代码。我想获取所选 json 数组的所有值。我想提供多项选择。这是我的反应本机选择器的代码。我想获取所选 json 数组的所有值。我想提供多项选择。 <Picker mode="dropdown" style={styles.droplist} selectedValue={this.state.mode} onValueChange={this.funcValueChanged}> <Picker.Item label="Select Company" value="Select Company" /> { this.state.data.map((item, key) => ( <Picker.Item label={item.Co_Name + ' (' + item.CompCode + ')'} value={key} key={key} /> ))) } </Picker> 您可以用于单选/多选从“react-native-dropdown-picker”导入 DropDownPicker； <DropDownPicker items={getAllStates} searchable={true} searchablePlaceholder="Search for an item" searchablePlaceholderTextColor="gray" placeholder="Select States" placeholderTextColor={"grey"} multiple={true} multipleText="%d items have been selected." containerStyle={{ marginTop: 8, marginBottom: 8, width: "92%", alignSelf: "center", }} onChangeItem={item => { } } /> 这里使用的包是@react-native-picker/picker，不支持多选。 GitHub 问题请使用 npm i react-native-multiple-select 来代替。尝试这个轻量级且完全可定制的包**rn-multipicker** - https://www.npmjs.com/package/rn-multipicker 完整文章：https://dev.to/rahul04/add-multi-select-dropdown-to-react-native-applications-53ef

MariaDB 10.11 Windows 备份身份验证插件“auth_gssapi_client”无法加载

在 Windows 上安装了 MariaDB 10.11。尝试使用进行备份 $ mariabackup --backup --target-dir=F:/backup --user=root --password= https://mariadb.com/kb/en/full-backup-and-restore-with-mariabackup/

如何解决加载响应数据失败：未找到具有给定标识符的资源的数据

发布API 导出 const resendInvitation = async (userName) => { wait API.post( 'delta-api',user-mgmt/users/${userName}/resendInvitation, {} ); }; const handleResendInvitation = async () =>...

十进制整数文字中不允许有前导零

我收到此错误：回溯（最近一次调用最后一次）：文件“/data/user/0/ru.iiec.pydroid3/files/accomp_files/iiec_run/iiec_run.py”，第 31 行，位于开始（fakepyfile，mainpy...

在oracle 11g中导入.dmp文件失败

在 oracle 11 g 中，我尝试将 .dmp 文件导入到 oracle 中，出现以下错误。 C:\Users\user>impdp system/********@devf02 dumpfile=FEED.dmp logfile=FEED.l og 模式=FEED 导入：版本 1...

如何整合两个python文件夹？

我的 OS(C:) 驱动器中的两个位置都有 python。一个位于 [Folder1] C:\Python38 其他位于 [Folder2] C:\Users\User\AppData\Local\Programs\Python\Python38-32 大部分Folder1和Fol...

docker run 上的用户未绑定变量

运行 docker 镜像时，我收到以下错误： /entrypoint.sh：第 7 行：USER：未绑定变量入口点.sh的代码。 #!/bin/bash 设置-euo管道故障导出 SPARK_DIST_CLASSP...

WSO2 是 SCIM 2 使用自定义字段创建新用户

我可以按照此处找到的示例创建新用户： curl -v -k --user [email protected]@tenant1.com:admin --data '{"schemas":[],"name":{"familyName":"jackson","givenName":"kim "},"电话号码...

Rust 如何忽略打印到标准输出错误？

如何忽略 Rust 中的管道错误？在 C 语言中，这是免费的：用户@localhost:~ $ cat main.c #包括 int main(){printf("你好世界！ “）；} user@localhost:~ $ clang main....

使用 MSSQL 将 SQL Server 与 Nodejs 连接时出现 SQL Server 错误“[ConnectionError: Login failed for user '****'.]”

我遇到以下错误 [连接错误：用户“****”登录失败。] name: '连接错误', message: '用户\'****\'登录失败。', 代码：'E...

Laravel 7 Sanctum 注销

我正在为我的应用程序使用 Laravel 7 和 Sanctum 身份验证。如何执行注销程序？我用： Auth::user()->tokens()->delete(); 它有效，但它删除了这个的所有标记......

数组工厂 Laravel 上的随机选择值

我进行了用户迁移： $table->enum('type',['卖家','买家'])->default('卖家'); 我想在使用 ModelFactory 时如何获得随机值卖家或买家？ $factory->define(App\User::class,

imap_open 在服务器 Aruba.it 上

为了接收邮件，我通常使用： imap_open('{mail.sito.com:143/notls}', $user, $pass); 然而，当我必须连接到 Aruba 服务器上的电子邮件时，我遇到了困难。我尝试过： {mail.website.c...

InstanceAgent::Plugins::CodeDeployPlugin::CommandExecutor：生命周期事件ApplicationXXXX是一个noop

我在做什么？使用codedeploy在ec2中部署应用程序。操作系统：Linux 文件： - 来源： / 目的地：/home/ec2-user/xxx-api file_exists_behavior：覆盖权限： - 对象：/...

maven插件参数的user属性是什么意思

我是 Maven 的新手。当我尝试引用任何 Maven 插件文档时，我总是看到以下格式的参数定义：名称描述 {参数名称} {

如何使用 Nuxt 中间件正确检查 Firebase Auth？

我有一个与 Firebase 连接的 Nuxt 应用程序。我有一个可组合的 useAuth() ，代码如下：从 'firebase/auth' 导入 { type User, onAuthChangedListener }; 导出默认函数 () { c...

如何修复 ImproperlyConfigured：QuerySet 类不继承自 TranslatableQuerySet

我的项目有 ImproperlyConfigured 错误。请帮帮我。错误主体：内部服务器错误：/en/admin/posts/post/ 回溯（最近一次调用最后一次）：文件“C:\Users\User\.virtualenvs 呃……

Django-channels 实例关闭时间过长而被杀死

谁能告诉我可能是什么问题？警告应用程序实例谁能告诉我可能是什么问题？警告应用程序实例 wait_for=> 连接关闭时间过长并被终止。我的阿斯吉 "^subscription", channels_jwt_middleware(MyConsumer.as_asgi(schema=schema)) ) application = ProtocolTypeRouter({ "http": django_asgi_app, "websocket": QueryAuthMiddleware( URLRouter([ subscription_url, ]) ), })``` my custom MyConsumer ```class MyConsumer(GraphQLWSConsumer): def __init__(self, *args, **kwargs): super().__init__(*args, **kwargs) self.profile_id = None async def __call__(self, scope, receive, send): user = scope.get("user", None) time_zone = await get_current_timezone(user) self.profile_id = scope.get("active_profile_id", None) self.timezone = time_zone if time_zone else settings.TIME_ZONE await super().__call__(scope, receive, send) async def connect(self): await super().connect() await change_status(True, self.profile_id) async def disconnect(self, close_code, *args, **kwargs): await super().disconnect(close_code) await change_status(False, self.profile_id)``` 解决我的问题 daphne -b 0.0.0.0 -p $SERVER_PORT --application-close-timeout 60 --proxy-headers server.asgi:application

使用 Notepad++ RUN 启动任何浏览器

shortcuts.xml 文件看起来正确。可能是文件位置？我将一个项目复制并粘贴到程序中。我应该导入它吗？文件位置为 file:///C:/Users/user/Desktop/

我无法让Supabase实时监听Postgres更改来工作

受 Supabase 文档的启发，我在 React Native 应用程序中有以下代码：使用效果（（）=> { if (session?.user?.id === null) 返回常量通道=supabase .channel('值数据库更改', {

在新的 keycloak 用户帐户上设置所需的操作

我正在使用客户端创建一个新的 keycloak 用户。像这样的东西： keycloak.realm(领域) .users() 。创建用户）; user 变量是一个 UserRepresentation 对象，我很...

在Shell脚本中获取进程的PID

我正在编写一个shell脚本，我想获取一个名为“ABCD”的进程的PID。我所做的是： process_id=`/bin/ps -fu $USER|grep "ABCD"|awk '{print $2}'` 这获取了两个进程的PID...

Springboot 3 ManytoMany 请求有效负载正确序列化

我正在使用 Spring Boot 3、Java 21 Restful API 和带有 mysql 的 JPA，但在接收请求时遇到问题。我正在处理与模型 User 和 Invoi 的多对多关系...

Laravel foreach 循环仅显示带有 dd() 的第一个条目

这可能是一个奇怪的问题，但我需要你的帮助我可能有一个包含值的数组。 foreach（$users 作为 $user） { $name_user = //条件 array_push($firstarray, $name_user ); } 让我们...

Inertia.js 和 Laravel - 视图如何自动接收 auth::user() 对象？

我目前正在开发 Laravel 8 项目，第一次尝试将提供的 Laravel Breeze 脚手架与 Inertia.js 和 Vue 一起使用。在最初的仪表板脚手架中，仪表板...

微服务中如何处理关系？

假设我有一个名为 User-Service 的微服务，它只处理用户相关的数据，它存储在 PG 中，同时我有一个 Car-Service，它只处理与汽车相关的数据，我...

Firebird DB 中没有执行访问过程的权限

我遵循手册中的规格：我创建了一个角色：CREATE ROLE reader;。用户已创建：CREATE USER voron PASSWORD 'somepassword'。然后为了授予权限，我执行了以下操作：格兰特

Sqlalchemy 我无法合并两个表

我需要合并两个表，User 和 Post。在最终版本中，您需要从用户的帖子和用户名中选择整个内容。这些模型通过外键链接我解决了这个问题...

在 docker-compose 中 MySQL 连接被拒绝

我在 docker-compose 中从 golang 应用程序连接到 MySQL 时遇到问题。我可以从控制台连接到数据库： mysql -u user -D data -h 0.0.0.0 -P3306 -p 但是，使用 docker-compos 时我无法连接...

在Python中如何获取Windows中当前用户的SID？

我需要从Python脚本中获取当前登录用户的SID。一种选择是在 shell 到命令提示符命令 whoami /user 时读取返回文本。但这真的很难看。

ESLint：解析错误：意外的标记：

大家好我正在将我的 vue3 项目从 js 迁移到 typescript，我遇到了这个问题：这是我在 .vue 文件中的代码 const toto = (msg: string) => { </desc> <question vote="7"> <p>大家好，我正在将我的 vue3 项目从 js 迁移到 typescript，我遇到了这个问题：</p> <p><a href="https://i.stack.imgur.com/y5tG8.png" target="_blank"><img src="https://cdn.txt58.com/i/AWkuc3RhY2suaW1ndXIuY29tL3k1dEc4LnBuZw==" alt=""/></a></p> <p>这是我在 .vue 文件中的代码</p> <pre><code><script setup lang="ts"> const toto = (msg: string) => { console.log(msg) } </script> </code></pre> <p>这是我的 eslintrc.js</p> <pre><code>module.exports = { 'env': { 'browser': true, 'es2021': true }, 'extends': [ 'eslint:recommended', 'plugin:vue/vue3-essential' ], 'parserOptions': { 'ecmaVersion': 13, 'sourceType': 'module' }, 'plugins': [ 'vue' ], 'rules': { 'vue/multi-word-component-names': 'off', 'vue/object-curly-spacing': [2, 'always'], 'vue/html-closing-bracket-spacing': [2, { 'selfClosingTag': 'always' }], 'vue/max-attributes-per-line': [2, { 'singleline': { 'max': 1 }, 'multiline': { 'max': 1 } }], 'semi': [2, 'never'] } } </code></pre> </question> <answer tick="true" vote="10"> <p>您需要配置 eslint 以支持 typescript，因为 eslint 不支持开箱即用。首先，您需要安装<a href="https://www.npmjs.com/package/@typescript-eslint/parser" rel="nofollow noreferrer">@typescript-eslint/parser</a>，然后安装<a href="https://www.npmjs.com/package/@typescript-eslint/eslint-plugin" rel="nofollow noreferrer">@typescript-eslint/eslint-plugin</a>。安装完这些后，请按如下方式更新您的配置 - </p> <pre><code>module.exports = { 'env': { 'browser': true, 'es2021': true, node: true }, 'extends': [ 'eslint:recommended', 'plugin:vue/vue3-essential' ], 'parserOptions': { 'ecmaVersion': 12, 'sourceType': 'module', parser: '@typescript-eslint/parser' }, 'plugins': [ 'vue', '@typescript-eslint' ], 'rules': { 'vue/multi-word-component-names': 'off', 'vue/object-curly-spacing': [2, 'always'], 'vue/html-closing-bracket-spacing': [2, { 'selfClosingTag': 'always' }], 'vue/max-attributes-per-line': [2, { 'singleline': { 'max': 1 }, 'multiline': { 'max': 1 } }], 'semi': [2, 'never'] } } </code></pre> </answer> <answer tick="false" vote="1"> <p>就我而言，问题是我使用解析器选项作为数组，而不是字符串：</p> <pre><code> parserOptions: { - parser: ['@typescript-eslint/parser'], + parser: '@typescript-eslint/parser', }, </code></pre> </answer> <answer tick="false" vote="0"> <p>如果你在项目中同时使用 JS 和 TS，此配置有帮助</p> <pre><code> overrides: [ { files: ['*.vue'], parser: 'svelte-eslint-parser', parserOptions: { parser: { // Specify a parser for each lang. ts: '@typescript-eslint/parser', js: 'espree', typescript: '@typescript-eslint/parser' } } } ], </code></pre> </answer> <answer tick="false" vote="-1"> <p>我在节点 v12.22.9 上遇到了这个问题。通过升级到 v14.21.2，我不再遇到解析错误。您可以使用命令升级/安装</p> <pre><code>nvm install v14.21.2 </code></pre> </answer> </body></html>

MVC ASP.NET Core Identity，创建登录、注册操作。 AuthController

公共类AuthController：控制器 { SignInManager _signInManager { 获取； } UserManager _userManager { 获取； } 角色管理器 public class AuthController : Controller { SignInManager<AppUser> _signInManager { get; } UserManager<AppUser> _userManager { get; } RoleManager<IdentityRole> _roleManager { get; } public AuthController(SignInManager<AppUser> signInManager, UserManager<AppUser> userManager, RoleManager<IdentityRole> roleManager) { _signInManager = signInManager; _userManager = userManager; _roleManager = roleManager; } public IActionResult Login() { return View(); } [HttpPost] public async Task<IActionResult> Login(string? returnUrl,LoginVM vm) { AppUser user; if (!ModelState.IsValid) { return View(vm); } if (vm.UsernameOrEmail.Contains("@")) { user = await _userManager.FindByEmailAsync(vm.UsernameOrEmail); } else { user = await _userManager.FindByNameAsync(vm.UsernameOrEmail); } if (user == null) { ModelState.AddModelError("", "Username or password is wrong"); return View(vm); } var result = await _signInManager.PasswordSignInAsync(user, vm.Password, vm.IsRemember, true); if (!result.Succeeded) { if (result.IsLockedOut) { ModelState.AddModelError("", "Too many attempts wait until " + DateTime.Parse(user.LockoutEnd.ToString()).ToString("HH:mm")); } else { ModelState.AddModelError("", "Username or password is wrong"); } return View(vm); } if (returnUrl != null) { return LocalRedirect(returnUrl); } return RedirectToAction("Index","Home"); } public IActionResult Register() { return View(); } [HttpPost] public async Task<IActionResult> Register(RegisterVM vm) { if (!ModelState.IsValid) { return View(vm); } var user = new AppUser { Fullname = vm.Fullname, Email = vm.Email, UserName = vm.Username }; var result = await _userManager.CreateAsync(user, vm.Password); if (!result.Succeeded) { foreach (var error in result.Errors) { ModelState.AddModelError("", error.Description); } return View(vm); } var roleResult = await _userManager.AddToRoleAsync(user, Roles.Member.ToString()); if (!roleResult.Succeeded) { ModelState.AddModelError("", "Something went wrong. Please contact admin"); return View(vm); } return View(); } public async Task<IActionResult> Logout() { await _signInManager.SignOutAsync(); return RedirectToAction("Index", "Home"); } public async Task<bool> CreateRoles() { foreach (var item in Enum.GetValues(typeof(Roles))) { if (!await _roleManager.RoleExistsAsync(item.ToString())) { var result = await _roleManager.CreateAsync(new IdentityRole { Name = item.ToString() }); if (!result.Succeeded) { return false; } } } return true; } } } 所以，我在代码中搞乱了登录、注册和注销，现在这个 RoleManager 的事情让我摸不着头脑。我只是想为我的管理员用户提供一些额外的权力，但我有点不知道该怎么做。如果您能用简单的语言解释步骤或需要进行哪些更改来帮助我，那就太棒了。我的目标是让管理员用户在我的系统中体验更好，您对此的建议非常有用。尝试了解 RoleManager 的事情以及如何为我的管理员用户提供更多能力。您直接的帮助可能会对我解决这个问题产生很大的影响！定义管理员角色创建管理员用户更新注册流程： var roleResult =等待_userManager.AddToRoleAsync（用户，vm.IsAdmin？ Roles.Admin.ToString() : Roles.Member.ToString()); 使用管理员角色： [授权（角色=“管理员”）] 公共 IActionResult AdminDashboard() { // 特定于管理的逻辑 } 5.提升管理能力： if (User.IsInRole("管理员")) { // 特定于管理的逻辑 } 中间件配置： services.AddIdentity() .AddRoles() .AddEntityFrameworkStores(); 7.创建角色方法：公共无效配置（IApplicationBuilder 应用程序，IHostingEnvironment env） { // 其他中间件配置 // Create roles during application startup var authController = new AuthController(/* inject your dependencies here */); authController.CreateRoles().GetAwaiter().GetResult(); }

当我尝试向 Postgres 中的现有表添加约束时，为什么会收到 SQL state:23503？

我有一个特殊的 User 表 Advisor，仅包含 id 和 user_id （目前！），我尝试使用以下脚本将 user_id 设为外键：更改表顾问添加约束

对象数组，不会在 laravel 中的 foreach 中循环

我不确定这真的是一个 Laravel 问题，但是，当我 dd(die and dump) 这个 dd($user->friends()); 时我得到以下信息。我确实注意到这是一个集合。我不确定这是否意味着什么

如何从 django 中的其他模型获取模型？

如果我有一个名为Reaction的模型，并且它有ForeignKey，则引用另一个名为User的模型。现在我知道我可以从反应模型到达用户模型但我有超过 1000 个的清单...

铁路应用程序，通过预留键创建表格

我部署了简单的 Web 应用程序，然后我想创建一个 Mysql 架构并提供它们之间的连接。我的网络应用程序所需的表名称之一是“user”。在 Railway.app 数据库创建...

Godot - 在运行时从网络导入动画文件

我正在尝试通过网络将一些资产传递到我的游戏。在此过程中，我们有一些纹理和 1 个动画文件。当尝试加载文件时我得到：打开：user://animTest.tres:1 - 解析错误...

具有多个值的JS var

有件事我无法理解：我有一个打开同一页面的功能，但具有不同的内容，具体取决于菜单中单击的按钮：有件事我无法理解：我有一个打开同一页面的功能<div id="page">但具有不同的内容，具体取决于菜单中单击的按钮： <nav> <button onclick="openPage(1)">PAGE 1</button> <button onclick="openPage(2)">PAGE 2</button> <button onclick="openPage(3)">PAGE 3</button> </nav> 然后是函数： function openPage(p){ var move=0; // define a var for USER action if(p==1){ document.getElementById('page').innerHTML = text_1; // content preloaded } else if(p==2){ document.getElementById('page').innerHTML = text_2; } else if(p==3){ document.getElementById('page').innerHTML = text_3; } // then on the top of the page (absolute + z-index) I add a HTML object: document.getElementById('page').innerHTML += '<aside id="pictures">content</aside>'; // what I'm now trying to do is to remove this object once USER move its mouse on it document.getElementById('pictures').addEventListener("mousemove",function(event) { setTimeout(function(){ move+=1; // increase the val each second },1e3) console.log('move'+p+' = '+move) // control value if(move>100){ document.getElementById('pictures').style.display = "none"; // OK, it works move=0; // reinit the var } }); } 现在惊喜：第 1 页的控制台 move1 = 0 move1 = 1 ... move1 = 99 move1 = 100 // 'pictures' disappears 第 2 页的控制台 move1 = 41 move2 = 0 ... move1 = 58 move1 = 17 ... move1 = 100 // 'pictures' disappears move2 = 59 第 3 页的控制台 move1 = 15 move2 = 88 move3 = 0 ... move1 = 37 move2 = 100 // 'pictures' disappears move3 = 12 ... 我的 var 'move' 同时获得 3 个值...这怎么可能？您的问题的原因是您每次调用 openPage 函数时都会添加一个事件侦听器。这意味着，如果您单击多个按钮，每个按钮都会有自己的事件侦听器附加到 #pictures 元素。现在，当触发 mousemove 事件时，所有这些侦听器将同时执行，导致 move 变量每秒递增多次。解决此问题的方法是在添加新事件侦听器之前先删除现有的事件侦听器。 let handler; // to hold the event listener function const pictureEl = document.getElementById('pictures'); function openPage(p){ // Remove existing event listener if (handler) { // <-- Check here pictureEl.removeEventListener("mousemove", handler); } handler = function(event) { // ...Rest } }; // Add new event listener pictureEl.addEventListener("mousemove", handler); // ...rest 找到了另一种（最简单的？）方法： var move=0; // placed out of functions function openPage(p){ .... (same as previous) getElementById('pictures').addEventListener("mousemove",outPicts); // change } // put mousemove event in another function: function outPicts(p){ setTimeout(function(){ move+=1; },1e3) console.log('move = '+move) if(move>100){ document.getElementById('pictures').style.display = "none"; // then remove event getElementById('pictures').removeEventListener("mousemove",outPicts); move=0; // reinit the var } } 按预期工作

multi-user 相关问题

最新问题